解決jQuery插件tipswindown與hintbox沖突
頁(yè)面a.aspx中點(diǎn)擊按鈕彈出模擬層,在這個(gè)層中有一個(gè)輸入文本框“監(jiān)督人”處調(diào)用hintbox來產(chǎn)生即時(shí)查詢功能。
直接調(diào)用產(chǎn)生了如下情形:
于是找到j(luò)query.hintbox-1.3.js這個(gè)文件,發(fā)現(xiàn)其中出現(xiàn)這么一行:
$("#windown-content").ajaxStart(function(){
$(this).html("<img src='"+templateSrc+"/images/loading.gif' class='loading' />");
});
將其改為:
$("#windown-content").html("<img src='"+templateSrc+"/images/loading.gif' class='loading' />");
原因是兩個(gè)插件即使是在不同情形下觸發(fā)ajax事件,使用的仍是同一對(duì)象,即jQuery.js中出現(xiàn)的
ajaxSetup: function( settings ) {
jQuery.extend( jQuery.ajaxSettings, settings );
},
ajaxSettings: {
url: location.href,
global: true,
type: "GET",
contentType: "application/x-www-form-urlencoded",
processData: true,
async: true,
/*
timeout: 0,
data: null,
username: null,
password: null,
*/
// Create the request object; Microsoft failed to properly
// implement the XMLHttpRequest in IE7, so we use the ActiveXObject when it is available
// This function can be overriden by calling jQuery.ajaxSetup
xhr:function(){
return window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
},
accepts: {
xml: "application/xml, text/xml",
html: "text/html",
script: "text/javascript, application/javascript",
json: "application/json, text/javascript",
text: "text/plain",
_default: "*/*"
}
},
這樣在當(dāng)前窗體中就會(huì)是只有一個(gè)xhr對(duì)象存在,因?yàn)樵趆intbox中的ajax事件會(huì)觸發(fā)tipswindown的ajaxStart事件。
可下載修改過后的tipswindown,點(diǎn)擊下載。
- 解決jquery版本沖突的有效方法
- jQuery多個(gè)版本和其他js庫(kù)沖突的解決方法
- jquery插件沖突(jquery.noconflict)解決方法分享
- 解決jquery插件沖突的問題
- jQuery中 $ 符號(hào)的沖突問題及解決方案
- bootstrap與Jquery UI 按鈕樣式?jīng)_突的解決辦法
- 關(guān)于兩個(gè)jQuery(js)特效沖突的bug的解決辦法
- 完美解決jQuery符號(hào)$與其他javascript 庫(kù)、框架沖突的問題
- 避免jQuery名字沖突 noConflict()方法
- jQuery解決$符號(hào)命名沖突
- jQuery $命名沖突解決方案匯總
- jQuery插件版本沖突的處理方法分析
相關(guān)文章
基于jquery實(shí)現(xiàn)的文字向上跑動(dòng)類似跑馬燈的效果
這篇文章主要介紹了基于jquery實(shí)現(xiàn)的文字向上跑動(dòng)效果類似跑馬燈,需要的朋友可以參考下2014-06-06利用jquery實(shí)現(xiàn)驗(yàn)證輸入的是否是數(shù)字、小數(shù),包含保留幾位小數(shù)
本文主要介紹了利用jquery實(shí)現(xiàn)驗(yàn)證輸入的是否是數(shù)字、小數(shù),包含保留幾位小數(shù),代碼清晰,容易理解。有需要的朋友可以參考下2016-12-12jQuery實(shí)現(xiàn)花式輪播之圣誕節(jié)禮物傳送效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)花式輪播之圣誕節(jié)禮物傳送效果,需要的朋友可以參考下2016-12-12jQuery css() 方法動(dòng)態(tài)修改CSS屬性
在jquery中我們要?jiǎng)討B(tài)的修改css屬性我們只要使用css()方法就可以實(shí)現(xiàn)了,下面我來給各位同學(xué)詳細(xì)介紹介紹。2016-09-09jQuery 淡入淡出、展開收縮菜單實(shí)現(xiàn)代碼
jQuery淡入淡出、展開收縮菜單2009-12-12jquery-easyui關(guān)閉tab自動(dòng)切換到前一個(gè)tab
考慮到用戶體驗(yàn),當(dāng)用戶關(guān)閉tab時(shí),自動(dòng)切換到前一個(gè)tab不至于讓用戶看到空的界面。2010-07-07jQuery實(shí)現(xiàn)點(diǎn)擊關(guān)注和取消功能
點(diǎn)贊,網(wǎng)絡(luò)用語(yǔ),表示“贊同”、“喜愛”。今天小編通過實(shí)例代碼給大家分享jQuery實(shí)現(xiàn)點(diǎn)擊關(guān)注和取消功能,需要的朋友參考下吧2017-07-07jQuery實(shí)現(xiàn)文件上傳進(jìn)度條特效
帶進(jìn)度條的文件上傳特效,每個(gè)文件都有進(jìn)度條,都有上傳詳情介紹。效果非常不錯(cuò),這里推薦給大家。2015-08-08jQuery旋轉(zhuǎn)插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
網(wǎng)上發(fā)現(xiàn)一個(gè)很有意思的jQuery旋轉(zhuǎn)插件,支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome,高級(jí)瀏覽器下使用Transform,低版本ie使用VML實(shí)現(xiàn),感興趣的朋友可以了解下2013-01-01