jQuery 플러그인 Tipswindow와 Hintbox_jquery 간의 충돌 해결

사용 상황은 다음과 같습니다.

a.aspx 페이지의 버튼을 클릭하면 시뮬레이션 레이어가 팝업됩니다. 이 레이어에는 힌트박스를 호출하여 인스턴트 쿼리 기능을 생성하는 입력 텍스트 상자 "Supervisor"가 있습니다. .

직접 전화를 걸면 다음과 같은 상황이 발생합니다.

그래서 jquery.hintbox-1.3.js 파일을 찾아서 다음 줄을 찾았습니다.

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

$("#windown-content").ajaxStart(function(){
$(this).html("");
});

다음으로 변경:

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

$("#windown-content").html("");

이유는 두 플러그인이 서로 다른 상황에서 ajax 이벤트를 실행하더라도 여전히 동일한 객체를 사용하기 때문입니다. , 즉, jQuery.js에 나타나는

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

ajaxSetup: 함수( 설정 ) {
jQuery.extend( jQuery.ajaxSettings, 설정 )
},

ajaxSettings: {
url: location.href,
global : true,
유형: "GET",
contentType: "application/x-www-form-urlencoded",
processData: true,
async: true,
/*
timeout: 0,
data: null,
사용자 이름: null,
password: null,
*/
// 요청 개체를 제대로 생성하지 못했습니다.
// IE7에서 XMLHttpRequest를 구현하므로 사용 가능한 경우 ActiveXObject를 사용합니다.
// 이 함수는 jQuery.ajaxSetup을 호출하여 재정의할 수 있습니다.
xhr:function(){
return window.ActiveXObject ? "Microsoft.XMLHTTP"): new XMLHttpRequest();
},
수락: {
xml: "application/xml, text/xml",
html: "text/html",
스크립트: "텍스트/javascript, 애플리케이션/javascript",
json: "application/json, 텍스트/javascript",
텍스트: "text/plain",
_default: "*/*"
}
},

힌트박스의 ajax 이벤트가 Tipswindow의 ajaxStart 이벤트를 트리거하기 때문에 현재 양식에는 하나의 xhr 객체만 존재하게 됩니다.

수정된 팁을 다운로드할 수 있습니다. 다운로드하려면을 클릭하세요.