js中 ajax動態新增節點無法觸發點選事件
在寫ajax載入資料的時候發現,後面新增進來的demo節點元素,失去了之前的點選事件。
其實最簡單的方法就是直接在標籤中寫onclick="",但是這樣寫有些場景的是實現不了的,最好的方式還是通過給類名繫結一個click事件。
方法一:使用live:
live()
函式會給被選的元素繫結上一個或者多個事件處理程式,並且規定當這些事件發生時執行的函式。通過live()
函式適用於匹配選擇器的當前及未來的元素。比如,通過指令碼動態建立的元素。
程式碼示例:
$('.demo1').live('click', function(){ alert('OK'); });
方法二:使用on:
可以通過on
方法繫結事件,可以繫結到它的父級或者body中
程式碼示例:
$("#demo").on('click','.demol',function(){ alert('OK') });
相關推薦
js中 ajax動態新增節點無法觸發點選事件
在寫ajax載入資料的時候發現,後面新增進來的demo節點元素,失去了之前的點選事件。 其實最簡單的方法就是直接在標籤中寫onclick="",但是這樣寫有些場景的是實現不了的,最好的方式還是通過給類名繫結一個click事件。 方法一:使用live: live()函式會給被選的元素繫結上一個或者多個事件
解決jQuery ajax 動態新增節點無法觸發點選事件的問題
假設在某個頁面的body下有以下結構的程式碼:<ul id="demo"> <li class="demo1">a1</li> <li class="demo1">a2</li> <li class="
解決 jQuery 動態新增節點無法觸發 onclick 點選事件的問題
問題: 當我們在網頁載入完成後, 使用 JQuery 給頁面動態增加增加節點時, 會發現新增節點無法觸發點選事件 處理: 使用 live() 或 on() 方法給新增節點新增點選事件 !
關於AJAX異步加載節點無法觸發點擊事件問題的解決方式
document on() color style ajax body 綁定 cti 沒有 做練習的過程中遇到一個問題,使用AJAX異步新增一個節點,無法觸發點擊事件,經過查閱之後知道一個方式,使用JS的委托事件,在此做一個記錄。 $(document).on(‘clic
ionic開發——百度地圖InfoWindow資訊視窗上新增按鈕,無法觸發點選事件問題解決辦法
ionic開發中,在使用百度地圖的時候,有時我們需要在點選地圖上標註的海量點彈出一個infowindow的資訊視窗,自定義資訊視窗的內容後,我們想要可以在資訊視窗上面點選的時候,發現點選沒有效果。 我
js中的防抖、節流、點選事件回撥
以前,貼吧騙贊有個說法,快速點選兩次可以贊兩下哦,這個情況倒是可以發生的,就是將點贊資訊提交了多次。就算後端幫助判斷了不能點贊多次,將錯誤資訊返回前臺,頻繁提示“不能多次點贊”看起來也是很Low。我們可以根據需求來使用下面幾種方式讓效果、效能都能完美實現。 防抖的原理是在規定觸發時間內,多次點選,都
9.42jquery動態新增元素無法觸發繫結的事件的解決方案
jquery動態新增元素無法觸發繫結的事件的解決方案。 ╭(●`∀´●)╯二狗最近在工作中遇到一個問題,即當用jquery動態新增元素後,發現給動態新增的元素卻無法觸發事件(╯#-_-)╯╧═╧ ( ╯#-_-)╯┴—┴。後來在網上查閱了一些資料,發現原來要這樣處理๑乛◡乛๑: 先上我出錯
淺談js中如何動態新增表頭/表列/表格內容
我想很多童鞋用js動態向表格中新增資料很熟悉,而且也覺得非常簡單!是的,對於寫頁面的童鞋來說,最喜歡寫查詢的頁面了,動態向表格繫結資料。用for迴圈就可以輕鬆搞定。 如果我們的業務需求有所變化,可能我們要的資料就不是這樣一條一條的中規中矩的。如果你還是新手,又
jquery動態新增元素無法觸發繫結的事件的解決方案。
最近遇到一個問題,即當用jquery動態新增元素後,發現給動態新增的元素卻無法觸發事件。後來在網上查閱了一些資料,發現原來要這樣處理: 先上我出錯的程式碼: <!DOCTY
【前端】vue2.x 配合 bootstrapTable 動態新增元素和繫結點選事件,事件無效 解決
背景: 使用bootstrap-table 表格外掛時,每一行的最後一班會加操作按鈕列。如果不加入vue的話,使用外掛自己的列屬性formatter:function(value, row, index){}即可解決,動態拼接的html元素和對應的點選事件都可以正常使用。問題來了,在使用vue時,點選事
android popupwindow中使用ListView無法響應點選事件
在PopupWindow中使用ListView, 但是ListView中的各個item無法響應事件(如:ListView可以滑動,但是item無法點選),這是需要新增 mPopupwindow.se
後臺動態新增超連結實現點選檔案實現下載
protected void Page_Load(object sender, EventArgs e) { string path = "~/Document/Introduction/團隊管理制度
JS實現按下按鍵觸發點選事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS實現按下按鍵觸發點選事件</title> </head> &
html新增後觸發點選事件 (off和on的使用)
off() 方法通常用於移除通過 on() 方法新增的事件處理程式。 自 jQuery 版本 1.7 起,off() 方法是 unbind()、die() 和 undelegate() 方法的新的替代品。該方法給 API 帶來很多便利,我們推薦使用該方法,它簡化了 jQuer
js 多次觸發點選事件,在一定延遲內只執行一次
$(function(){ var timeoutflag = null; $('#inputAddress1').click(function() { if(t
關於UGUI擋道3D的物體觸發點選事件無法和3D物體分離的解決方案
1.首先在攝像機上新增Physics Raycaster元件。 2.程式碼內容如下,把指令碼放在一個Cube上,建立一個button擋住Cube。給Button新增ButtonTest這個Click方法。 3.執行場景,可以看到點到Button的時候,Cube不會觸
view上新增點手勢 button無法響應點選事件
在view 上新增手勢 有的時候 會把button的 點選事件蓋掉,這個 時候 我們用UITapGestureRecognizer的代理方法 //手勢的代理方法 - (BOOL)gestureRecognizer:(UIGestureRecognizer *)gest
如何自動觸發點選事件
1. // 兩秒後模擬點選 setTimeout(function() { // IE if(document.all) { document.getElementById("desc1").click(); } // 其它瀏覽器 e
解決datetimepicker不能觸發點選事件,日期外掛位置偏移,日期範圍限制的問題
最初的問題: 一開始所遇到的問題是相對簡單的,就是今天的日期是3-20,但是卻可以選擇20號之後的日期。 html程式碼: <form action="web?module=stwmgr&action=Dataprocessing&method=g
Android studio中關於Spinner下拉列表的點選事件
首先在values下的string.xml檔案中新增下拉列表的內容: <string-array name="province1"> <item>河北</item> <item>北京<