jquery的live使用注意事項(xiàng)
更新時(shí)間：2014年02月18日 16:39:48 作者：
這篇文章主要介紹了jquery的live使用注意事項(xiàng),需要的朋友可以參考下
-------------------------- 題記
最近開(kāi)發(fā)遇到一個(gè)很奇怪的問(wèn)題，一個(gè)按鈕點(diǎn)擊提交時(shí)發(fā)生多次請(qǐng)求，導(dǎo)致數(shù)據(jù)重復(fù)。
那么，經(jīng)過(guò)調(diào)試發(fā)現(xiàn)，出現(xiàn)問(wèn)題的原因便在于$("#id").live("click", function() {});這個(gè)live身上，若使用bind可能達(dá)不到要求，因?yàn)槿舢惒秸?qǐng)求后返回請(qǐng)求為html而不是json的話，當(dāng)使用html重新刷新頁(yè)面時(shí)，bind的組件可能失效。
--------------------------- 解決
所以，最后只能在html標(biāo)簽元素上面加上onclick屬性來(lái)解決。
這樣既解決了異步返回html格式的處理方式，也解決了由于類似于多次html()刷新頁(yè)面（包括js部分）導(dǎo)致多次綁定而引起的一次點(diǎn)擊多個(gè)請(qǐng)求的bug。
最近開(kāi)發(fā)遇到一個(gè)很奇怪的問(wèn)題，一個(gè)按鈕點(diǎn)擊提交時(shí)發(fā)生多次請(qǐng)求，導(dǎo)致數(shù)據(jù)重復(fù)。
那么，經(jīng)過(guò)調(diào)試發(fā)現(xiàn)，出現(xiàn)問(wèn)題的原因便在于$("#id").live("click", function() {});這個(gè)live身上，若使用bind可能達(dá)不到要求，因?yàn)槿舢惒秸?qǐng)求后返回請(qǐng)求為html而不是json的話，當(dāng)使用html重新刷新頁(yè)面時(shí)，bind的組件可能失效。
--------------------------- 解決
所以，最后只能在html標(biāo)簽元素上面加上onclick屬性來(lái)解決。
這樣既解決了異步返回html格式的處理方式，也解決了由于類似于多次html()刷新頁(yè)面（包括js部分）導(dǎo)致多次綁定而引起的一次點(diǎn)擊多個(gè)請(qǐng)求的bug。
相關(guān)文章
這篇文章主要介紹的是自己用jQuery寫了一個(gè)圖片的馬賽克消失效果實(shí)現(xiàn)過(guò)程,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了jQuery實(shí)現(xiàn)的自定義滾動(dòng)條插件的使用方法。需要的朋友可以參考借鑒2016-12-12
這篇文章主要為大家詳細(xì)介紹了jquery仿京東商品瀏覽頁(yè)面，鼠標(biāo)放在圖片上實(shí)現(xiàn)放大效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
jquery,js簡(jiǎn)單實(shí)現(xiàn)類似Angular.js雙向綁定
本文主要介紹了jquery,js簡(jiǎn)單實(shí)現(xiàn)類似Angular.js雙向綁定的方法。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
jQuery實(shí)戰(zhàn)之仿淘寶商城左側(cè)導(dǎo)航效果
網(wǎng)絡(luò)上很很多這種效果的JS寫法，但是還沒(méi)有看見(jiàn)用jQuery寫的，效果實(shí)現(xiàn)很簡(jiǎn)單，確切的說(shuō)是用jquery實(shí)現(xiàn)這個(gè)效果很簡(jiǎn)單，這就是jquery的強(qiáng)大和魅力所在。2011-04-04
jQuery之a(chǎn)jax技術(shù)的詳細(xì)介紹
本篇文章是對(duì)jQuery中的ajax技術(shù)進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
JQuery Highcharts 動(dòng)態(tài)生成圖表的方法
動(dòng)態(tài)圖表生成方法有很多，在接下來(lái)的文章中將為大家介紹下使用JQuery Highcharts是如何實(shí)現(xiàn)的2013-11-11
jQuery實(shí)現(xiàn)模仿微博下拉滾動(dòng)條加載數(shù)據(jù)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)模仿微博下拉滾動(dòng)條加載數(shù)據(jù)效果,涉及jQuery響應(yīng)下拉滾動(dòng)事件動(dòng)態(tài)操作頁(yè)面元素的技巧,需要的朋友可以參考下2015-12-12
jQuery實(shí)現(xiàn)上下滾動(dòng)公告欄詳細(xì)代碼
之前做項(xiàng)目的時(shí)候，一直都想著做一個(gè)上下滾動(dòng)的公告欄，作為展示網(wǎng)站的最新公告信息，給用戶帶來(lái)極好的用戶體驗(yàn)，下面小編通過(guò)實(shí)例代碼給大家分享基于jQuery實(shí)現(xiàn)上下滾動(dòng)公告欄，感興趣的朋友一起看看吧2018-11-11
jquery彈出框插件jquery.ui.dialog用法分析
這篇文章主要介紹了jquery彈出框插件jquery.ui.dialog用法,結(jié)合實(shí)例形式分析了彈出框插件jquery.ui.dialog的功能、下載、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-08-08