解決Jquery向頁(yè)面append新元素之后事件的綁定問題
我先看jq api文檔沒有找到方法,無果只好到網(wǎng)上找些資料,果然找到live方法。
其實(shí)很簡(jiǎn)單:
1.這是項(xiàng)目要求達(dá)到的效果,當(dāng)我沒用live事件,只用了簡(jiǎn)單的hover事件時(shí):hover事件沒有加載進(jìn)來,沒有我想要的邊框效果,效果圖如下
/*經(jīng)過用戶技能標(biāo)簽增加樣式*/
$(function(){
$(".s-edited").hover(function(){
$(this).toggleClass("borderd");
})
})
2.當(dāng)我用了live之后,效果達(dá)到了,如下圖:
代碼如下:
/*經(jīng)過用戶技能標(biāo)簽增加樣式*/
$(".s-edited").live("hover",function(){
$(this).toggleClass("borderd");
})
我仔細(xì)的看了一下關(guān)于live的介紹,
給所有當(dāng)前以及 將來 會(huì)匹配的元素綁定一個(gè)事件處理函數(shù)(比如hover事件)。也能綁定自定義事件。
PS:我是新手菜鳥,大神勿噴!
以上就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
- jQuery添加新內(nèi)容的四個(gè)常用方法分析【append,prepend,after,before】
- 解決jQuery使用append添加的元素事件無效的問題
- jquery append與appendTo方法比較
- jquery?追加元素append、prepend、before、after用法與區(qū)別分析
- jquery在ie7下選擇器的問題導(dǎo)致append失效的解決方法
- jquery append 動(dòng)態(tài)添加的元素事件on 不起作用的解決方案
- jQuery使用append在html元素后同時(shí)添加多項(xiàng)內(nèi)容的方法
- jQuery中appendTo()方法用法實(shí)例
- jQuery中append()方法用法實(shí)例
- JS實(shí)現(xiàn)jQuery的append功能
相關(guān)文章
利用JQuery和Servlet實(shí)現(xiàn)跨域提交請(qǐng)求示例分享
這篇文章主要介紹了利用JQuery和Servlet實(shí)現(xiàn)跨域提交請(qǐng)求示例,需要的朋友可以參考下2014-02-02jQuery實(shí)現(xiàn)Table分頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)Table分頁(yè)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10jQuery中event.target和this的區(qū)別詳解
這篇文章主要介紹了jQuery中event.target和this的區(qū)別詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08JQuery實(shí)現(xiàn)簡(jiǎn)單時(shí)尚快捷的氣泡提示插件
在程序提交后,為了提高用戶體驗(yàn)我們需要驗(yàn)證并提示出錯(cuò)的位置,利用JQuery我們可以輕松實(shí)現(xiàn)氣泡提示,需要的朋友可以了解下2012-12-12jQuery實(shí)現(xiàn)瀑布流布局詳解(PC和移動(dòng)端)
這篇文章非常全面的介紹了在PC和移動(dòng)端上jQuery實(shí)現(xiàn)瀑布流布局的詳細(xì)過程,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,對(duì)瀑布流布局感興趣的小伙伴們可以參考一下2015-10-10關(guān)于jquery動(dòng)態(tài)增減控件的一些想法和小插件
這段代碼壓縮到100行內(nèi),而且擴(kuò)展方便,可以非常輕松的增減控件的數(shù)量,使用非常簡(jiǎn)單。2010-08-08JQuery通過后臺(tái)獲取數(shù)據(jù)遍歷到前臺(tái)的方法
今天小編就為大家分享一篇JQuery通過后臺(tái)獲取數(shù)據(jù)遍歷到前臺(tái)的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08