jquery的live使用注意事項(xiàng)

更新時(shí)間：2014年02月18日 16:39:48 作者：

這篇文章主要介紹了jquery的live使用注意事項(xiàng),需要的朋友可以參考下

-------------------------- 題記

最近開發(fā)遇到一個(gè)很奇怪的問題，一個(gè)按鈕點(diǎn)擊提交時(shí)發(fā)生多次請(qǐng)求，導(dǎo)致數(shù)據(jù)重復(fù)。

那么，經(jīng)過調(diào)試發(fā)現(xiàn)，出現(xiàn)問題的原因便在于$("#id").live("click", function() {});這個(gè)live身上，若使用bind可能達(dá)不到要求，因?yàn)槿舢惒秸?qǐng)求后返回請(qǐng)求為html而不是json的話，當(dāng)使用html重新刷新頁面時(shí)，bind的組件可能失效。

--------------------------- 解決

所以，最后只能在html標(biāo)簽元素上面加上onclick屬性來解決。

這樣既解決了異步返回html格式的處理方式，也解決了由于類似于多次html()刷新頁面（包括js部分）導(dǎo)致多次綁定而引起的一次點(diǎn)擊多個(gè)請(qǐng)求的bug。

jquery
live

相關(guān)文章

jQuery EasyUI框架中的Datagrid數(shù)據(jù)表格組件結(jié)構(gòu)詳解
jQuery EasyUI是一個(gè)旨在輔助HTML5打造更好的Web界面的框架,而其中的Datagrid組件也是非常強(qiáng)大,這里我們就來看一下jQuery EasyUI框架中的Datagrid數(shù)據(jù)表格組件結(jié)構(gòu)詳解
2016-06-06
jquery 插件實(shí)現(xiàn)多行文本框[textarea]自動(dòng)高度
這篇文章主要介紹了jquery 插件實(shí)現(xiàn)多行文本框[textarea]自動(dòng)高度,需要的朋友可以參考下
2015-03-03
jquery插件splitScren實(shí)現(xiàn)頁面分屏切換模板特效
這篇文章主要介紹了jquery插件splitScren實(shí)現(xiàn)頁面分屏切換模板特效的相關(guān)資料,需要的朋友可以參考下
2015-06-06
jQuery中animate()方法用法實(shí)例
這篇文章主要介紹了jQuery中animate()方法用法,以實(shí)例形式分析了animate()方法的功能、定義及具體使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
淺析jquery的作用與優(yōu)勢(shì)
這篇文章主要是對(duì)jquery的作用與優(yōu)勢(shì)進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2013-12-12
jquery獲取被勾選的checked(選中)的那一行的3列和4列的值
大家可能會(huì)遇到這種需求通過jquery獲取被勾選的checked的那一行的3列和4列的值，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
2013-07-07
基于jquery的點(diǎn)擊鏈接插入鏈接內(nèi)容的代碼
基于jquery的點(diǎn)擊鏈接插入鏈接內(nèi)容的代碼，感覺有bug，解決的朋友可以留言方便更多的朋友
2012-07-07
讓網(wǎng)頁跳轉(zhuǎn)到指定位置的jquery代碼非書簽
網(wǎng)頁跳轉(zhuǎn)到指定位置，實(shí)現(xiàn)的方法有很多，本文采用最為簡單的一種，喜歡朋友可以學(xué)習(xí)下
2013-09-09
jQuery EasyUi實(shí)戰(zhàn)教程之布局篇
jQuery EasyUI Layout是一種基于jQuery的布局框架，今天初次使用Jquery EasyUi，簡單的做了個(gè)布局頁面感覺還不錯(cuò)，特此分享腳本之家平臺(tái)供大家學(xué)習(xí)
2016-01-01
利用JQuery實(shí)現(xiàn)datatables插件的增加和刪除行功能
這篇文章給大家介紹了jquery實(shí)現(xiàn)datatables插件的增加和刪除行的功能，代碼簡單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下
2017-01-01