웹 프론트엔드 JS 튜토리얼 jQuery 이벤트 큐 조정 method_jquery

jQuery 이벤트 큐 조정 method_jquery

May 16, 2016 pm 06:46 PM
jquery

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

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

<TEXTAREA class=javascript name=code 행=15 cols=50>$("a").click(function(){
console.info("A");
return false;
});
</TEXTAREA>

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

<TEXTAREA class=javascript name=code 행=15 cols=50>$("a").click(function(){
console.info("B");
false 반환;
}); a") .click(function(){
console.info("A");
return false;
});
</TEXTAREA>

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

코드 복사 코드는 다음과 같습니다.
<TEXTAREA class=javascript name=code 행=15 cols=50>$("a").click(function(){
$.ajax({
url:"b.html",
성공:함수(msg){
if (msg){
               console.info("pass");                                  return true;                     
       }
     })
}); ></TEXTAREA>


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




코드 복사


코드는 다음과 같습니다.

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

}
</TEXTAREA>


문제는 만족스럽게 해결된 것 같은데, AJAX 콜백 함수에서 리턴을 잡을 수 있을까요?
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

jQuery 참조 방법에 대한 자세한 설명: 빠른 시작 가이드 jQuery 참조 방법에 대한 자세한 설명: 빠른 시작 가이드 Feb 27, 2024 pm 06:45 PM

jQuery 참조 방법에 대한 자세한 설명: 빠른 시작 가이드

jQuery에서 PUT 요청 방법을 사용하는 방법은 무엇입니까? jQuery에서 PUT 요청 방법을 사용하는 방법은 무엇입니까? Feb 28, 2024 pm 03:12 PM

jQuery에서 PUT 요청 방법을 사용하는 방법은 무엇입니까?

jQuery를 사용하여 요소의 높이 속성을 제거하는 방법은 무엇입니까? jQuery를 사용하여 요소의 높이 속성을 제거하는 방법은 무엇입니까? Feb 28, 2024 am 08:39 AM

jQuery를 사용하여 요소의 높이 속성을 제거하는 방법은 무엇입니까?

jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요. jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요. Feb 28, 2024 pm 09:06 PM

jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요.

심층 분석: jQuery의 장점과 단점 심층 분석: jQuery의 장점과 단점 Feb 27, 2024 pm 05:18 PM

심층 분석: jQuery의 장점과 단점

jQuery를 사용하여 모든 태그의 텍스트 내용 수정 jQuery를 사용하여 모든 태그의 텍스트 내용 수정 Feb 28, 2024 pm 05:42 PM

jQuery를 사용하여 모든 태그의 텍스트 내용 수정

jQuery에서 eq의 역할 및 적용 시나리오 이해 jQuery에서 eq의 역할 및 적용 시나리오 이해 Feb 28, 2024 pm 01:15 PM

jQuery에서 eq의 역할 및 적용 시나리오 이해

jQuery 요소에 특정 속성이 있는지 어떻게 알 수 있나요? jQuery 요소에 특정 속성이 있는지 어떻게 알 수 있나요? Feb 29, 2024 am 09:03 AM

jQuery 요소에 특정 속성이 있는지 어떻게 알 수 있나요?

See all articles