jQuery動態append新增元素點選事件失效
最近開始做前端,遇到一些問題,現在記錄一下,以備不時之需。
問題描述:在div中動態新增span元素,之後執行
$(selector).click(function(){var param = $(this).text();})
無法觸發事件。
原因:append中的節點是在整個文件載入完之後開始新增,頁面不會為append的元素初始化新增點選事件,故使用這種方式動態新增的節點中的click事件沒有生效。
解決方案:事件委託方式解決,將指定的事件繫結在document上,只要append元素符合指定的元素,就會繫結此事件 。
$(document).on("click","指定的元素",function(){});
最後實現程式碼
$(document).on("click", selector, function(){
var param = $(this).text();})
相關推薦
jQuery動態append新增元素點選事件失效
最近開始做前端,遇到一些問題,現在記錄一下,以備不時之需。 問題描述:在div中動態新增span元素,之後執行 $(selector).click(function(){var param = $(this).text();}) 無法觸發事件。 原因:append中的節點是在整個文件
jquery父元素和子元素點選事件傳遞問題_不可把父元素的事件傳遞給子元素_事件無限迴圈傳遞
前述:jquery中: 當一個元素的點選事件被觸發時,會自動將該事件向父級元素逐級專遞。 但是實際場景當中,我們可能會遇到需要在父級元素中定義點選事件,來觸發特定子元素的點選事件,我就遇到了這麼一個問題。 但是這麼做的後果,在jquery1.8.2版本及以後所有版本(截止目前最新版本為3.3),
jQuery 中trigger()方法使用 -- 複製元素點選事件
1. 常用事件 在頁面載入完成時 自動觸發input的點選事件,在移動端可以實現自動彈出輸入法,獲得焦點 $("input").trigger("click").focus(); 簡寫為以下: $("input").click(); 2. 自定義事件
jquery動態生成button的點擊事件
.com button 無效 ima image fun com 點擊 alt 先為button設置onclick事件,對應函數,之後定義函數。 $("#pic2").click(function (){...} 無效。 jquery動態生成butt
jquery定義之後的按鈕點選事件,會產生累計的情況
使用jquery的on()方法為元素綁定了點選事件,點選同時傳送請求。完成後看效果,第一次點選沒有問題。再一次點選後發現傳送了兩次請求,後面再點擊發現請求的數量越來越多。當排查之後,發現只有一個元素綁定了事件,而且只調用了一次之後,得出最有可能的一種情況,就是點選事件被累加綁定了。 $("#ad
給元素設定了固定座標後,點選事件失效
<body> <div class="foot"> <div class="price">價格</div> <div class="go-time choosed">出發 <span>早</spa
easyUI統一管理點選按鈕、為所有按鈕統一新增分配點選事件
話不多說、直接上程式碼 JSP頁面: <body> <table id="contractDatagrid"></table> <!-- datagrid的toolbar --> <div id="c
z-index上層元素遮擋下層元素點選事件解決
一、問題描述 筆者是在些一個登入介面時遇到這個問題的,需求是點選登入按鈕出現登入懸浮框,初始化時登入懸浮框是display:none的,但筆者發現登入框那一塊區域的input框無法響應點選時間,也無法獲得焦點。 一般滑鼠放在input框上是會變成編輯的橫槓,input框也
微信開發遇坑事件---未來元素點選事件
相信不少人在微信裡開發過網頁,在非a/button標籤時,頁面沒重新整理生成的新元素我們一般都用$(document).unbind('click',".preview_imag").on('click',".preview_imag",function(){
echarts例項 動態更新 資料問題,點選事件觸發多次
function reloadTable() { var iii = layer.load(1, {shade: [0.1,'#fff'] });//提交的動畫 url = "change/query?selectType=" + $("#select
【菜鳥之路】RecyclerView新增Item點選事件
今天下午繼續在專案中學著做RecyclerView,想給每個Item新增一個點選跳轉,翻了翻買的兩本書發現沒有呃,只能百度+看看網上前輩們的程式碼了。 翻了一些比較不錯的文章,瞭解到大概的幾種實現方法: 1.通過RecyclerView中
unity 動態匹配按鈕的點選事件
我們在UI的時候,肯定少不了建立Button,既然是按鈕肯定少不了點選事件,如果按鈕少了還好說,通過unity面板進行視覺化操作就好了,但如果一個UI裡面有大量的按鈕,一個遊戲裡有很多重複場景,那麼我
Android-listview新增控制元件導致listview點選事件失效
今天寫了個demo,dialog自定義佈局添加了個listview,listview item裡面加了個checkBox,需求checkBox在列表裡有單選的效果:測試的時候需要點選item也改變checkBox的選中狀態,然而listview的點選事件失效了。後來發現是失
jquery trigger觸發a標籤點選事件問題
最近在一個專案中使用trigger觸發a標籤的click事件,如:$('a').trigger('click'),但是一直未成功。。觸發不了。經過百度查詢才知道:$('a').trigger('clic
echarts折線圖新增區域點選事件,而不用去點小圓點(擴大點選範圍)
不要寫onClick事件,用以下方法代替 myChart.getZr().on('click',function (params) { var pointInPixel= [params.offsetX, params.offsetY]; if (myC
iOS的關於類方法中建立的UIButton的新增的點選事件,點選button時crash的有趣的事
前要 [sendBtn addTarget:self action:@selector(sendAction:) forControlEvents:UIControlEventTouchUpInsid
IOS下動態載入資料點選事件失效
動態資料的建立與繫結 在實際的開發中,我們常常需要通過動態載入資料,來建立頁面的DOM,而且給這些新增的元素新增事件也是不可避免的。 而對於動態資料的事件繫結,就需要明白兩個概念,就是目標元素和代理元素(委託元素); (1)目標元素:動態建立的元素,最
關於JQuery easyui中numberbox滑鼠點選事件問題
描述: 1、當我使用numberbox控制元件進行新增資料時,滑鼠點選控制元件沒問題 2、問題就是, 當我要修改時,後臺返回資料填充到numberbox控制元件上,當我滑鼠點選 numberbox時,控制元件的值就自動消失 修改時,沒點選之前(有值) 點選之後(沒值)
手機(移動端)點選事件失效問題
1.問題重現: 微信ios內建瀏覽器認為,不是button a標籤之外的非點選元素 比如div 是不可點選的,比如給div綁了click事件 在微信裡邊是不生效的,解決辦法是給這個div元素新增一個樣式屬性cursor: poi
selenium運用js處理點選事件失效
有時候,元素明明已經找到了,使用click()就是無法觸發點選事件(當然,這種情況十分少見,至少我只遇到過一次)。下面告訴大家這種場景的解決方案。 使用js程式碼來點選【部落格園】這個按鈕 程式碼: #!/usr/bin/pytho