JQuery實現動態新增的標籤元素的點選事件
這裡所說的動態新增的元素的意思是:用js新增的標籤元素
先說一下我遇到的問題:
想對一些資料實現分頁,就自己寫一個分頁功能。用的是bootstrap的分頁,在頁面獲取資料列表後,計算出需要分多少頁展示,然後用js生成多個頁碼(是叫頁碼嗎?)。生成後,點選某個頁碼跳到相應的頁,這時肯定要有點選事件。問題來了,沒有點選事件。(最初一臉黑人問號)
這是因為在註冊click後,再用js生成元素標籤的。所以後新增的元素標籤沒有註冊click事件。我在讀了幾遍這句話後,有更深的理解,想到一個新的解決方法,貌似現在網上還沒有這個解決方法,反正我遇到這個問題百度沒有找到這個。
網上還有一種普遍的解決方案:
用on去註冊事件,這種要有一個父級標籤,並且這個父級標籤不是用js生成的。
這樣雖然元素標籤在事件的註冊之後,但是點選事件是註冊在父級標籤上的,我們還是可以觸發對應的事件。
一開始還不知道有這個註冊事件和生成元素標籤的順序,以為是自己Jquery選擇器選擇錯了,一直在檢查,後來百度才學到的。
相關推薦
LinearLayout動態新增子View點選事件
XML佈局檔案 <LinearLayout android:id="@+id/ll_titles" &nbs
jQuery-為動態新增的元素繫結事件(以及不重複新增新的內容)
在使用jQuery的方式為元素繫結事件時,我經常使用bind或者click,但這隻能為頁面已經載入好的元素繫結事件。像需要用ajax的方式請求遠端資料來動態新增頁面元素時,顯然以上幾種繫結事件的方式是無效的 $(selector).bind(event,d
jquery html動態新增的元素繫結事件
在實際開發中會遇到要給動態生成的html元素繫結觸發事件的情況: <div id="testdiv"> <ul></ul> </div> 假設我們要給ul動態新增的<li>繫結click事件形成如下結果 &
Jquery給動態新增的元素繫結事件:live() delegate() on()
給已存在的元素繫結事件時可以直接寫: $(".class a").click(function(){ }) 但是對於動態生成並append()到頁面上的元素來說,就不能直接用上面的方法來繫結事件了。 在Jquery 1.7之前我們可以通過live()和delega
jquery+javascript觸發a標籤的點選事件
今天專案經理跟我說window.open()在一些瀏覽器上會被攔截,當時的解決方案是:用a標籤的target="_blank"屬性也可以開啟窗體頁面 於是解決了A問題出現了B問題:點選按鈕時候去觸發a
關於 jquery html 動態新增的元素繫結事件——On()
Ajax動態生成的資料,動作繫結需要重新執行1 $(document).on('click','.btn1',function(){}); 2 3 替換: 4 5 $('btn1').on('click') = function(){};JQuery On()定義和用法on() 方法在被選元素及子元素上新
JQuery實現動態新增的標籤元素的點選事件
這裡所說的動態新增的元素的意思是:用js新增的標籤元素先說一下我遇到的問題:想對一些資料實現分頁,就自己寫一個分頁功能。用的是bootstrap的分頁,在頁面獲取資料列表後,計算出需要分多少頁展示,然後
jQuery動態append新增元素點選事件失效
最近開始做前端,遇到一些問題,現在記錄一下,以備不時之需。 問題描述:在div中動態新增span元素,之後執行 $(selector).click(function(){var param = $(this).text();}) 無法觸發事件。 原因:append中的節點是在整個文件
jquery父元素和子元素點選事件傳遞問題_不可把父元素的事件傳遞給子元素_事件無限迴圈傳遞
前述:jquery中: 當一個元素的點選事件被觸發時,會自動將該事件向父級元素逐級專遞。 但是實際場景當中,我們可能會遇到需要在父級元素中定義點選事件,來觸發特定子元素的點選事件,我就遇到了這麼一個問題。 但是這麼做的後果,在jquery1.8.2版本及以後所有版本(截止目前最新版本為3.3),
jQuery實現動態新增tr到table的方法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" <html> <head> <meta http-equiv="Content-Type" content="text/html;
jQuery動態新增的元素繫結事件
今天在做專案是時候發現動態新增的元素不能繫結事件,由於本人js和jquery技術有限,所以也不知道原因,一查才知道,動態新增的元素繫結事件就會失效,所以修改了一下。 jquery中繫結事件一般使用bind,或者click,但是這隻能是對已經載入好的元素定義事件,那些後來新增插入
Jquery實現動態新增table以及JSON陣列的解析
昨天寫一個作業的時候,因為一個錯誤浪費了我兩個多小時,為了以後不再同一個地方摔倒,果斷記錄下來。程式碼片先粘過來 $(".borrow").click(function(){ var text2=""; var text
jQuery 中trigger()方法使用 -- 複製元素點選事件
1. 常用事件 在頁面載入完成時 自動觸發input的點選事件,在移動端可以實現自動彈出輸入法,獲得焦點 $("input").trigger("click").focus(); 簡寫為以下: $("input").click(); 2. 自定義事件
微信小程式實現動態新增標籤(1)
說明:最近入住微信小程式,將自己所學經歷分享出來,包括學到的知識,踩到的坑,一起分享給大家,後續會慢慢更新: 首先針對一些幾乎沒有基礎的童鞋,附上一些連結,大致看完後能夠有能力製作簡單的小程式了: 另外特別推薦一波福利(樣式庫,也就是說,各種
jQuery實現動態新增刪除輸入框
在一個專案中,一個實體需要動態新增另外的實體多個,即在新增或者編輯這個實體的時候,需要動態新增輸入框。利用jQuery簡單實現了一下,小有成就感。 <%if(isAdd){%> <div class="am-g am-form-group am-mar
jquery append 動態新增的元素事件on 不起作用的解決方案
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=
html js jquery 對Ul下的li標籤執行點選事件——如何獲取你所點選的標籤
問題所來:做專案時,一般的資料都是用迴圈動態加載出來的,結構都是一樣的,只是繫結的值不同,如何對相同的標籤做處理的問題就來了。例如:點誰就顯示誰的數值<ul id="test"> <li class="test">1</li> <li
安卓自定義:Toast 以及Toast的出場動畫 以及Toast上新增圖片 以及點選事件
安卓自定義Toast: 1.自定義一個類:CustomToast 繼承自:Toast 2.在CustomToast類中 新增一個靜態 mCustomToast 物件 private static CustomToast mCustomToast; 3.在CustomToast類中 新
Android recyclerview新增刪除條目點選事件
1.首先匯入recyclerview依賴 implementation 'com.android.support:recyclerview-v7:28.0.0' 2.activity_main.xml <LinearLayout android:lay
z-index上層元素遮擋下層元素點選事件解決
一、問題描述 筆者是在些一個登入介面時遇到這個問題的,需求是點選登入按鈕出現登入懸浮框,初始化時登入懸浮框是display:none的,但筆者發現登入框那一塊區域的input框無法響應點選時間,也無法獲得焦點。 一般滑鼠放在input框上是會變成編輯的橫槓,input框也