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