jQuery 이벤트 큐 조정 method_jquery-JS 튜토리얼-php.cn

jQuery 이벤트 큐 조정 method_jquery

WBOY

풀어 주다： 2016-05-16 18:46:08

원래의

995명이 탐색했습니다.

jQuery를 통해 이벤트를 바인딩하는 것이 매우 쉽다는 것을 누구나 알고 있습니다

코드 복사 코드는 다음과 같습니다.

 
$("a").click(function(){ <br> console.info("A"); <br> return false; <br>}); <br> 

하지만 A 이벤트가 바인딩된 후에는 B 이벤트가 트리거되는지 확인해야 합니다. 처리해야 하므로 이제 변경하겠습니다.

코드 복사 코드는 다음과 같습니다.

$("a").click(function(){ <br> console.info("B"); <br> false 반환; <br>}); a") .click(function(){ <br> console.info("A"); <br> return false; <br>}); <br>

True 후속 클릭 이벤트가 트리거되는 것을 방지할 수 있습니까? 역효과를 냈습니다.
이벤트 A를 트리거해야 하는지 여부를 결정하기 위해 이벤트 B를 비동기식으로 호출해야 하는 경우 어떻게 해야 합니까?

코드 복사 코드는 다음과 같습니다.

$("a").click(function(){ <br> $.ajax({ <br> url:"b.html", <br> 성공:함수(msg){ <br> if (msg){ <br>               console.info("pass");                                  return true;                     <br>       } <br>     }) <br>}); > 

불가능하다는 것이 밝혀졌으니 어떻게 해야 할까요? 
먼저 몇 가지 아이디어에 대해 이야기해 보겠습니다. 
다른 방법을 통해 바인딩 후 이벤트를 트리거합니다. 예를 들어 A 이벤트는 클릭으로 바인딩되고 B 이벤트는 마우스 오버를 먼저 트리거한 다음 트리거됩니다. 이를 통해 클릭 이벤트를 차단합니다. (나중에 조사해보니 거의 불가능하다는 걸 알았습니다.) 
 jquery의 큐를 통해 두 이벤트를 처리합니다. (이것은 실제로 순차적 트리거 문제를 해결할 수 있지만 현실은 프로젝트의 모든 이벤트 바인딩이 작성되었다는 것입니다. 현재 각 버튼 이벤트는 판단된 AJAX 요청이 선행되어야 합니다. 그렇지 않으면 모든 버튼이 모든 이벤트를 다시 작성하거나, 또는 다른 방법을 찾으세요) 
jQuery의 이벤트 메커니즘에 대해 자세히 알아보고 이벤트 큐를 얻고 이벤트 큐를 처리하세요. 

코드 복사

코드는 다음과 같습니다.

//먼저 기본적으로 이벤트를 바인딩하고 이벤트 A라고 부릅니다.<br>$("a").click( function(){ <br> console.info(1); <br> return false; <br>}) <br>//이제 B 이벤트가 먼저 트리거되도록 하고 A 이벤트 트리거 여부를 제어합니다. <br>//객체 a에 바인딩된 이벤트 객체에서 클릭 이벤트를 가져옵니다<br>var event = $("a").data("events").click <br>//이 a는 우리의 B 이벤트에서도 사용해야 합니다. this 개체가 변경되는 것을 방지하기 위해 <br>var that = $("a")//다음과 같이 저장합니다. B 이벤트인데 Binding이 없는 것 같습니다 <br>var B = function(){ <br> $.ajax({ <br> url:"b.html", <br> 성공:function(msg) { <br> if(msg){ <br>            console.info("pass");                                                                     > 그것에 더 관심을 <br>var tt; <br>//키코드에 주의해주세요<br> for(var i in event){ <br> tt = event[i] <br> event[i] = B ;//이 줄을 주석 처리하는 경우 다음 두 줄의 주석 처리를 제거해야 합니다. 효과는 같지만 원리가 다릅니다... <br>//delete(event[i]) <br> //that.click(B) <br> <br>} <br> 

문제는 만족스럽게 해결된 것 같은데, AJAX 콜백 함수에서 리턴을 잡을 수 있을까요?