關(guān)于兩個(gè)jQuery(js)特效沖突的bug的解決辦法
Problem：
使用jquery，json做一個(gè)資源下載的應(yīng)用，其中用到paginate.js和JSON數(shù)據(jù)的分頁效果，以及jquery.DOMWindow.js的彈窗效果。
但是出現(xiàn)以下bug:
單擊“上/下一頁，首/末頁”后，彈窗事件失效；
Analysis：
對(duì)于這個(gè)Bug，在paginate.js中設(shè)計(jì)的上/下一頁，首/末頁按鈕屬性是設(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)用到類似的語法，好處是連結(jié)的樣式還會(huì)存在，然則不會(huì)導(dǎo)向任何處所，改為執(zhí)行 onclick 事務(wù)中的 function。在我們?cè)谧鲰撁鏌o刷新時(shí)用的比較多，一般是Ajax的使用上。
所以這個(gè)bug的原因可以理解為每次單擊此按鈕后，就鏈接到void，而讓加載DOMWindow的js函數(shù)失效了。
所以可以通過把void改成頁面中加載DOMWindow的js函數(shù)來解決這個(gè)bug。
Solution：
把每個(gè)翻頁按鈕中鏈接的javascript:(void)改成加載DOMWindow的js函數(shù)。即：javascript:DOMWindow()，這樣在每一次翻頁的過程中都會(huì)有加載到DOMWindow的js函數(shù)。
類似的這種技巧在協(xié)調(diào)多個(gè)javascript/jquery事件的情況下也常常用到。
以上這篇關(guān)于兩個(gè)jQuery(js)特效沖突的bug的解決辦法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
- 解決jquery版本沖突的有效方法
- jQuery多個(gè)版本和其他js庫沖突的解決方法
- jquery插件沖突(jquery.noconflict)解決方法分享
- 解決jquery插件沖突的問題
- 解決jQuery插件tipswindown與hintbox沖突
- jQuery中 $ 符號(hào)的沖突問題及解決方案
- bootstrap與Jquery UI 按鈕樣式?jīng)_突的解決辦法
- 完美解決jQuery符號(hào)$與其他javascript 庫、框架沖突的問題
- 避免jQuery名字沖突 noConflict()方法
- jQuery解決$符號(hào)命名沖突
- jQuery $命名沖突解決方案匯總
- jQuery插件版本沖突的處理方法分析
相關(guān)文章
這篇文章主要介紹了針對(duì)初學(xué)者的jQuery入門指南,jQuery是當(dāng)下人氣最高的JavaScript庫,需要的朋友可以參考下2015-08-08
30個(gè)最佳jQuery Lightbox效果插件分享
Lightbox 應(yīng)該是最流行的圖片瀏覽效果了，常具有功能包括：自動(dòng)根據(jù)窗口的大小縮放圖片，模式窗口，幻燈片方式播放，內(nèi)容預(yù)加載，漸變等效果。2011-04-04
詳細(xì)解讀Jquery各Ajax函數(shù)($.get(),$.post(),$.ajax(),$.getJSON())
這篇文章主要介紹了詳細(xì)解讀Jquery各Ajax函數(shù)($.get(),$.post(),$.ajax(),$.getJSON())的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
這篇文章主要介紹了jQuery.Form上傳文件操作,首先需要我們先建立test文件夾，具體代碼內(nèi)容大家通過本文學(xué)習(xí)下吧2017-02-02
jQuery Ztree行政地區(qū)樹狀展示(點(diǎn)擊加載)
這篇文章主要為大家詳細(xì)介紹了Ztree行政地區(qū)樹狀展示,點(diǎn)擊加載數(shù)據(jù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
jquery實(shí)現(xiàn)企業(yè)定位式導(dǎo)航效果
這篇文章主要介紹了jquery實(shí)現(xiàn)企業(yè)定位式導(dǎo)航效果2018-01-01
JQuery的Ajax中Post方法傳遞中文出現(xiàn)亂碼的解決方法
這篇文章主要介紹了JQuery的Ajax中Post方法傳遞中文出現(xiàn)亂碼的解決方法,較為深入的分析了Ajax的post方法出現(xiàn)亂碼的原因,以及具體的解決方法,需要的朋友可以參考下2014-10-10
jquery隱藏指定元素的實(shí)例（hide方法的使用）2013-11-11
這篇文章主要介紹了JQuery的attr 與 val區(qū)別的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
jQuery插件實(shí)現(xiàn)文字無縫向上滾動(dòng)效果代碼
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)文字無縫向上滾動(dòng)效果代碼,通過時(shí)間函數(shù)定時(shí)觸發(fā)動(dòng)態(tài)修改頁面元素屬性實(shí)現(xiàn)文字無縫滾動(dòng)的功能,需要的朋友可以參考下2016-02-02