Problem：

使用jquery，json做一個(gè)資源下載的應(yīng)用，其中用到paginate.js和JSON數(shù)據(jù)的分頁(yè)效果，以及jquery.DOMWindow.js的彈窗效果。

但是出現(xiàn)以下bug:

單擊“上/下一頁(yè)，首/末頁(yè)”后，彈窗事件失效；

Analysis：

對(duì)于這個(gè)Bug，在paginate.js中設(shè)計(jì)的上/下一頁(yè)，首/末頁(yè)按鈕屬性是設(shè)置了href=”javascript:(void)”，google到關(guān)于這個(gè)屬性的解釋：

“javascript:void(0); in a link is usually a placeholderfor an onclick action that is done by clicking the link.”

在寫 AJAX 的時(shí)候很常應(yīng)用到類似的語(yǔ)法，好處是連結(jié)的樣式還會(huì)存在，然則不會(huì)導(dǎo)向任何處所，改為執(zhí)行 onclick 事務(wù)中的 function。在我們?cè)谧鲰?yè)面無(wú)刷新時(shí)用的比較多，一般是Ajax的使用上。

所以這個(gè)bug的原因可以理解為每次單擊此按鈕后，就鏈接到void，而讓加載DOMWindow的js函數(shù)失效了。

所以可以通過(guò)把void改成頁(yè)面中加載DOMWindow的js函數(shù)來(lái)解決這個(gè)bug。

Solution：

把每個(gè)翻頁(yè)按鈕中鏈接的javascript:(void)改成加載DOMWindow的js函數(shù)。即：javascript:DOMWindow()，這樣在每一次翻頁(yè)的過(guò)程中都會(huì)有加載到DOMWindow的js函數(shù)。

類似的這種技巧在協(xié)調(diào)多個(gè)javascript/jquery事件的情況下也常常用到。

以上這篇關(guān)于兩個(gè)jQuery(js)特效沖突的bug的解決辦法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論