關(guān)于兩個jQuery(js)特效沖突的bug的解決辦法
Problem:
使用jquery,json做一個資源下載的應(yīng)用,其中用到paginate.js和JSON數(shù)據(jù)的分頁效果,以及jquery.DOMWindow.js的彈窗效果。
但是出現(xiàn)以下bug:
單擊“上/下一頁,首/末頁”后,彈窗事件失效;
Analysis:
對于這個Bug,在paginate.js中設(shè)計的上/下一頁,首/末頁按鈕屬性是設(shè)置了href=”javascript:(void)”,google到關(guān)于這個屬性的解釋:
“javascript:void(0); in a link is usually a placeholderfor an onclick action that is done by clicking the link.”
在寫 AJAX 的時候很常應(yīng)用到類似的語法,好處是連結(jié)的樣式還會存在,然則不會導(dǎo)向任何處所,改為執(zhí)行 onclick 事務(wù)中的 function。在我們在做頁面無刷新時用的比較多,一般是Ajax的使用上。
所以這個bug的原因可以理解為每次單擊此按鈕后,就鏈接到void,而讓加載DOMWindow的js函數(shù)失效了。
所以可以通過把void改成頁面中加載DOMWindow的js函數(shù)來解決這個bug。
Solution:
把每個翻頁按鈕中鏈接的javascript:(void)改成加載DOMWindow的js函數(shù)。即:javascript:DOMWindow(),這樣在每一次翻頁的過程中都會有加載到DOMWindow的js函數(shù)。
類似的這種技巧在協(xié)調(diào)多個javascript/jquery事件的情況下也常常用到。
以上這篇關(guān)于兩個jQuery(js)特效沖突的bug的解決辦法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
詳細(xì)解讀Jquery各Ajax函數(shù)($.get(),$.post(),$.ajax(),$.getJSON())
這篇文章主要介紹了詳細(xì)解讀Jquery各Ajax函數(shù)($.get(),$.post(),$.ajax(),$.getJSON())的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08jQuery Ztree行政地區(qū)樹狀展示(點擊加載)
這篇文章主要為大家詳細(xì)介紹了Ztree行政地區(qū)樹狀展示,點擊加載數(shù)據(jù),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-11-11jquery實現(xiàn)企業(yè)定位式導(dǎo)航效果
這篇文章主要介紹了jquery實現(xiàn)企業(yè)定位式導(dǎo)航效果2018-01-01JQuery的Ajax中Post方法傳遞中文出現(xiàn)亂碼的解決方法
這篇文章主要介紹了JQuery的Ajax中Post方法傳遞中文出現(xiàn)亂碼的解決方法,較為深入的分析了Ajax的post方法出現(xiàn)亂碼的原因,以及具體的解決方法,需要的朋友可以參考下2014-10-10