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的話(huà)，當(dāng)使用html重新刷新頁(yè)面時(shí)，bind的組件可能失效。
--------------------------- 解決
所以，最后只能在html標(biāo)簽元素上面加上onclick屬性來(lái)解決。
這樣既解決了異步返回html格式的處理方式，也解決了由于類(lèi)似于多次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的話(huà)，當(dāng)使用html重新刷新頁(yè)面時(shí)，bind的組件可能失效。
--------------------------- 解決
所以，最后只能在html標(biāo)簽元素上面加上onclick屬性來(lái)解決。
這樣既解決了異步返回html格式的處理方式，也解決了由于類(lèi)似于多次html()刷新頁(yè)面（包括js部分）導(dǎo)致多次綁定而引起的一次點(diǎn)擊多個(gè)請(qǐng)求的bug。
相關(guān)文章
jQuery EasyUI框架中的Datagrid數(shù)據(jù)表格組件結(jié)構(gòu)詳解
jQuery EasyUI是一個(gè)旨在輔助HTML5打造更好的Web界面的框架,而其中的Datagrid組件也是非常強(qiáng)大,這里我們就來(lái)看一下jQuery EasyUI框架中的Datagrid數(shù)據(jù)表格組件結(jié)構(gòu)詳解2016-06-06![jquery 插件實(shí)現(xiàn)多行文本框[textarea]自動(dòng)高度](http://img.jbzj.com/images/xgimg/bcimg1.png)
jquery 插件實(shí)現(xiàn)多行文本框[textarea]自動(dòng)高度
這篇文章主要介紹了jquery 插件實(shí)現(xiàn)多行文本框[textarea]自動(dòng)高度,需要的朋友可以參考下2015-03-03
jquery插件splitScren實(shí)現(xiàn)頁(yè)面分屏切換模板特效
這篇文章主要介紹了jquery插件splitScren實(shí)現(xiàn)頁(yè)面分屏切換模板特效的相關(guān)資料,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了jQuery中animate()方法用法,以實(shí)例形式分析了animate()方法的功能、定義及具體使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
這篇文章主要是對(duì)jquery的作用與優(yōu)勢(shì)進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
jquery獲取被勾選的checked(選中)的那一行的3列和4列的值
大家可能會(huì)遇到這種需求通過(guò)jquery獲取被勾選的checked的那一行的3列和4列的值，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
基于jquery的點(diǎn)擊鏈接插入鏈接內(nèi)容的代碼
基于jquery的點(diǎn)擊鏈接插入鏈接內(nèi)容的代碼，感覺(jué)有bug，解決的朋友可以留言方便更多的朋友2012-07-07
讓網(wǎng)頁(yè)跳轉(zhuǎn)到指定位置的jquery代碼非書(shū)簽
網(wǎng)頁(yè)跳轉(zhuǎn)到指定位置，實(shí)現(xiàn)的方法有很多，本文采用最為簡(jiǎn)單的一種，喜歡朋友可以學(xué)習(xí)下2013-09-09
jQuery EasyUi實(shí)戰(zhàn)教程之布局篇
jQuery EasyUI Layout是一種基于jQuery的布局框架，今天初次使用Jquery EasyUi，簡(jiǎn)單的做了個(gè)布局頁(yè)面感覺(jué)還不錯(cuò)，特此分享腳本之家平臺(tái)供大家學(xué)習(xí)2016-01-01
利用JQuery實(shí)現(xiàn)datatables插件的增加和刪除行功能
這篇文章給大家介紹了jquery實(shí)現(xiàn)datatables插件的增加和刪除行的功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2017-01-01