라이브 또는 바인드와 함께 jquery .toggle ()을 사용하십시오

기본적으로 간단히 말해서 라이브를 사용하고 함께 토글 할 수 있지만 모범 사례를 코딩하려면 안됩니다. jQuery .live () 및 jQuery .toggle () 모두 요소에 대한 자체 바인드 이벤트를 자동으로 만듭니다. 이렇게하면 토글이 작동하도록 버튼을 두 번 클릭해야하므로 함께 사용될 때 문제가 발생합니다. 이 주위의 방법은 내부 토글 이벤트와 함께 라이브 ( '클릭') 이벤트를 사용하는 것입니다. 기능 통화 끝에 .trigger ( 'Click') 명령을 추가 할 수 있습니다.

또 다른 방법은 .data 방법을 사용하는 것이지만 이것은 과잉과 퍼즐을 해결하는 긴 바람이 불고 있습니다.

<span>// Add sort functions on dynamic elements inserted into DOM
</span><span>$('.sort').live('click',JQUERY4U.sortClickListener);
</span>
<span>[code lang="js"]
</span><span>//function inside JQUERY4U namespace
</span><span>sortClickListener: function(){
</span>
	<span>// Find second class name
</span>	<span>var button = $(this).attr('class').split(' ');
</span>	<span>// Sort table
</span>	<span>$(this).toggle(function() {
</span>		<span>$('.item').tsort('.'+button[1],{order:'desc'});
</span>	<span>}, function() {
</span>		<span>$('.item').tsort('.'+button[1]);
</span>	<span>}).trigger('click'); /*force the button to work with 1 click*/
</span><span>},</span>

jQuery 토글 $(".reply").live('click', function () { var toggled = $(this).data('toggled'); $(this).data('toggled', !toggled); if (!toggled) { x1(); } else { x2(); } });에 대한 자주 묻는 질문 (FAQ) jquery toggle ()와 toggleclass ()의 차이점은 무엇입니까?

jQuery toggle () 함수는 선택한 요소의 hide ()와 show () 사이를 번갈아 사용하는 데 사용됩니다. 즉, 요소가 처음 표시되면 숨겨져 있고 그 반대도 마찬가지입니다. 한편, ToggleClass () 함수는 선택한 요소에서 하나 이상의 클래스를 추가하거나 제거하는 데 사용됩니다. 즉, 지정된 클래스 (ES)가 존재하는 경우 제거되고 존재하지 않으면 추가됩니다.

jquery toggle ()를 사용하여 여러 요소를 표시하거나 숨길 수 있습니까?

는 jquery toggle () 함수를 사용하여 공통 클래스 또는 속성을 사용하여 여러 요소를 표시하거나 숨길 수 있습니다. 예를 들어, 'mydiv'클래스에 여러 개의 div 요소가있는 경우 $ ( '. mydiv')를 사용하여 가시성을 전환 할 수 있습니다. Toggle (). 애니메이션과 함께 jquery toggle ()를 사용할 수 있습니까? Toggle () 함수는 두 가지 매개 변수의 시간과 콜백을 가져올 수 있습니다. 지속 시간 매개 변수는 애니메이션의 지속 시간을 지정하고 콜백 매개 변수는 toggle () 함수가 완료된 후 실행되는 함수입니다.

내 jQuery toggle () 함수가 작동하지 않는 이유

jQuery Toggle () 함수가 작동하지 않는 이유는 몇 가지가있을 수 있습니다. 일부 일반적인 문제는 다음과 같습니다. jQuery 라이브러리는 프로젝트에 제대로 포함되지 않으며, 선택하려는 요소가 존재하지 않거나 CSS 표시 속성이 '없음'으로 설정되어 있습니다.

jQuery Toggle ()를 사용하여 버튼의 텍스트를 변경하려면 텍스트 () 또는 html () 기능의 조합에서 jQuery toggl () 기능을 변경할 수 있습니까? 예를 들어, toggle () 함수를 사용하여 클릭 할 때 버튼의 텍스트를 변경하는 함수를 만들 수 있습니다. hover와 함께 jquery toggle ()을 사용할 수 있습니까?

예, jQuery toggle () 함수를 호버와 함께 사용할 수 있습니다. 그러나 호버 이벤트는 표준 JavaScript 이벤트가 아니기 때문에 대신 마우스 센터 및 Mouseleave 이벤트를 사용해야합니다. 마우스 포인터가 들어가거나 떠날 때이 이벤트의 콜백 함수에서 토글 () 함수를 사용하여 요소를 표시하거나 숨길 수 있습니다.

확인란과 함께 jquery toggle ()를 사용하려면 체크 박스가 표시되거나 체크 박스 상태에있는 요소를 표시하거나 숨길 수 있습니다. 확인란의 변경 이벤트를 사용하여 확인 된 상태가 변경 될 때마다 토글 () 함수를 호출 할 수 있습니다.

라디오 버튼과 함께 jquery toggle ()를 사용할 수 있습니까? Checkboxes와 유사하게, 라디오 버튼의 변경 이벤트를 사용하여 선택한 라디오 버튼이 변경 될 때마다 Toggle () 함수를 호출 할 수 있습니다.

드롭 다운 메뉴와 함께 jquery toggle ()를 어떻게 사용합니까?

드롭 다운 메뉴와 함께 jquery toggle () 함수를 사용하여 드롭 다운 버튼을 클릭 할 때 드롭 다운 메뉴를 클릭 할 수 있습니다. 드롭 다운 버튼의 클릭 이벤트를 사용하여 toggle () 함수를 호출 할 수 있습니다.

양식과 함께 jquery toggle ()를 사용할 수 있습니까? 예를 들어, toggle () 함수를 사용하여 선택한 드롭 다운 메뉴 옵션을 기반으로 텍스트 입력 필드를 표시하거나 숨길 수 있습니다.

위 내용은 라이브 또는 바인드와 함께 jquery .toggle ()을 사용하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!