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,js簡(jiǎn)單實(shí)現(xiàn)類似Angular.js雙向綁定
本文主要介紹了jquery,js簡(jiǎn)單實(shí)現(xiàn)類似Angular.js雙向綁定的方法。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01jQuery實(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-04jQuery之a(chǎn)jax技術(shù)的詳細(xì)介紹
本篇文章是對(duì)jQuery中的ajax技術(shù)進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-06-06JQuery Highcharts 動(dòng)態(tài)生成圖表的方法
動(dòng)態(tài)圖表生成方法有很多,在接下來(lái)的文章中將為大家介紹下使用JQuery Highcharts是如何實(shí)現(xiàn)的2013-11-11jQuery實(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-12jQuery實(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-11jquery彈出框插件jquery.ui.dialog用法分析
這篇文章主要介紹了jquery彈出框插件jquery.ui.dialog用法,結(jié)合實(shí)例形式分析了彈出框插件jquery.ui.dialog的功能、下載、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-08-08