關(guān)于兩個(gè)jQuery(js)特效沖突的bug的解決辦法
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)用到類似的語法，好處是連結(jié)的樣式還會(huì)存在，然則不會(huì)導(dǎo)向任何處所，改為執(zhí)行 onclick 事務(wù)中的 function。在我們?cè)谧鲰?yè)面無刷新時(shí)用的比較多，一般是Ajax的使用上。
所以這個(gè)bug的原因可以理解為每次單擊此按鈕后，就鏈接到void，而讓加載DOMWindow的js函數(shù)失效了。
所以可以通過把void改成頁(yè)面中加載DOMWindow的js函數(shù)來解決這個(gè)bug。
Solution：
把每個(gè)翻頁(yè)按鈕中鏈接的javascript:(void)改成加載DOMWindow的js函數(shù)。即：javascript:DOMWindow()，這樣在每一次翻頁(yè)的過程中都會(huì)有加載到DOMWindow的js函數(shù)。
類似的這種技巧在協(xié)調(diào)多個(gè)javascript/jquery事件的情況下也常常用到。
以上這篇關(guān)于兩個(gè)jQuery(js)特效沖突的bug的解決辦法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
- 解決jquery版本沖突的有效方法
- jQuery多個(gè)版本和其他js庫(kù)沖突的解決方法
- jquery插件沖突(jquery.noconflict)解決方法分享
- 解決jquery插件沖突的問題
- 解決jQuery插件tipswindown與hintbox沖突
- jQuery中 $ 符號(hào)的沖突問題及解決方案
- bootstrap與Jquery UI 按鈕樣式?jīng)_突的解決辦法
- 完美解決jQuery符號(hào)$與其他javascript 庫(kù)、框架沖突的問題
- 避免jQuery名字沖突 noConflict()方法
- jQuery解決$符號(hào)命名沖突
- jQuery $命名沖突解決方案匯總
- jQuery插件版本沖突的處理方法分析
相關(guān)文章
PHP結(jié)合jQuery實(shí)現(xiàn)的評(píng)論頂、踩功能
本文給大家分享的功能是這樣的：你點(diǎn)擊一下頂或踩按鈕，記錄數(shù)值到數(shù)據(jù)庫(kù)，并且有顏色的背景跟著變，按照百分比的變化。這樣就可以通過背景顏色一眼就看清楚那邊支持的人比較多。2015-07-07
本文主要介紹jQuery實(shí)現(xiàn)文章圖片彈出放大效果的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-04-04
jQuery+ajax實(shí)現(xiàn)鼠標(biāo)單擊修改內(nèi)容的思路
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)鼠標(biāo)單擊修改內(nèi)容的思路及核心代碼，需要的朋友可以參考下2014-06-06
這篇文章主要介紹了JQuery datepicker 用法詳解的相關(guān)資料,需要的朋友可以參考下2015-12-12
jQuery實(shí)現(xiàn)消息滾動(dòng)播放效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)消息滾動(dòng)播放效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了jQuery中prependTo()方法用法,實(shí)例分析了prependTo()方法的功能、定義及匹配的元素插入指定元素之前的使用技巧,需要的朋友可以參考下2015-01-01
在一些圖片比較多的網(wǎng)站上會(huì)出現(xiàn)訪問時(shí)圖片不存在的情況：默認(rèn)顯示出來的樣子很不雅觀,可以解決圖片不存在時(shí)，使用其他的圖片替換嗎，答案是可以的；感興趣的朋友可以了解下，或許本文可以幫助到你2013-02-02
jQuery EasyUI Layout實(shí)現(xiàn)tabs標(biāo)簽的實(shí)例
這篇文章主要介紹了jQuery EasyUI Layout實(shí)現(xiàn)tabs標(biāo)簽的實(shí)例的相關(guān)資料,希望通過本文能幫助到大家實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下2017-09-09
學(xué)習(xí)jQuery中的noConflict()用法
在本篇文章中我們整理了關(guān)于學(xué)習(xí)jQuery中的noConflict()用法的相關(guān)知識(shí)點(diǎn)內(nèi)容，有需要的朋友們可以學(xué)習(xí)下。2018-09-09
jquery append 動(dòng)態(tài)添加的元素事件on 不起作用的解決方案
這篇文章主要介紹了jquery append 動(dòng)態(tài)添加的元素事件on 不起作用的解決方案,需要的朋友可以參考下2015-07-07