js新增的新元素事件失效的問題

阿新 • • 發佈：2019-02-13

在jquery+bootstrap框架的專案中，新的dom是通過類似$(".demo").append的方式新增的，這樣新增的新元素是不受原有js影響的（如果寫法如下）:

所以頁面ajax載入後append的input元素或者是使用者操作後append的input均不會受到此事件的影響。若想要達到全域性事件覆蓋，即新新增的dom元素一樣會受此事件影響，正確的寫法如下(此處的input我們在append時已給他加上checkboxes的class以方便定位相關元素)：

在jquery+bootstrap框架的專案中，新的dom是通過類似$(".demo").append的方式新增的，這樣新增的新元素是不受原有js影響的（如果寫法如下）:所以頁面ajax載入後append的input元素或者是使用者操作後append的input均不會受到此事

關於該問題的layui官方文件地址：http://www.layui.com/doc/modules/form.html <div class="layui-form-item"> <label class="layui-form-label">類別</labe

　　有時候，元素明明已經找到了，使用click()就是無法觸發點選事件（當然，這種情況十分少見，至少我只遇到過一次）。下面告訴大家這種場景的解決方案。　　　　使用js程式碼來點選【部落格園】這個按鈕　　程式碼：　　#!/usr/bin/pytho

相信很多開始學習前端開發的朋友都發生過繫結事件失效的問題，那麼究竟是什麼原因使得事件失效呢？這裡作者以jquery庫編寫作為例子。第一種：直接失效。 <html> <head> <script type="text/javascript" src="/j

現在，班裡有3名同學： >>> L = ['Adam', 'Lisa', 'Bart'] 今天，班裡轉來一名新同學 Paul，如何把新同學新增到現有的 list 中呢？第一個辦法是用 list 的 append() 方法，把新同學追加到 list

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=

在jquery.js 版本為1.9以上live屬性更改成on <html> <head> <script src="jquery.js" type="text/java

jquery api官方的例子在新增的元素上新增事件 $(document).on("click",'#lyysb a',function(){ if(!$(this).hasClass('cur')){ $(this).addClass('

var fn =fun; if(param) { fn =function(e) { fun.call(this, param); //繼承監聽函式,並傳入引數以初始化; } } if(obj.attachEven

$(“outerSelector”).on(“eventType”,“innerSelector”,function(){}); 舉例：如果在一個中，通過append新增一個id="demo"的按鈕，常用的直接$(“Selector”).on(“eventType”,function

click 事件綁定 chat ext size tails sgd slist 事件委托 jquery事件綁定有2種方式： 1,普通事件綁定: $(‘元素‘).click(function(){}); 2, 事件代理或者叫事件委托 $(‘#chat

最近開始做前端，遇到一些問題，現在記錄一下，以備不時之需。問題描述：在div中動態新增span元素，之後執行 $(selector).click(function(){var param = $(this).text();}) 無法觸發事件。原因：append中的節點是在整個文件

function setBoxShadow (){ $('.class').each(function () { $(this).focus(function(){ $(this).parent().css("outline","none");/*禁用瀏覽器自帶邊框陰影*/ $(t

jQuery中事件繫結，大多使用on就足夠了。但是對於新新增的元素 on 的繫結事件會不起作用。因為 append 中的節點是在整個文件載入之後才新增的，頁面並不會為未來的元素初始化新增點選事件，因此這種方式新增的節點的點選事件是無效的。解決方法：事件委託。事件委託就是

1.首先如何用jQuery動態新增a標籤： for (var index=0; index<5; index++){ var h = '<a>動態新增點選事件</a>

列數：var td=$("#toptable tr").eq(1).find("td").length; ps：當第一列是th的時候可以選擇find("th")然後就是弟0行，如果第一列不是th那麼可以直接eq(0)

使用YII在做一個點選小圖，可以在彈出視窗中顯示大圖的功能的時候，發現，GridView首頁面的列表項按點選時一切正常，但按下了下一頁後，再點選小圖，就不起作用了。原來，這是GridView使用了ajax分頁，分頁後的元素是新增加的，所以不會繫結事件，要改變這樣的狀況，可

在使用jQuery的方式為元素繫結事件時，我經常使用bind或者click,但這隻能為頁面已經載入好的元素繫結事件。像需要用ajax的方式請求遠端資料來動態新增頁面元素時，顯然以上幾種繫結事件的方式是無效的 $(selector).bind(event,d

最近遇到了，就研究了下，總結了下：我所知道的有如下幾種方式： var submitSpan = document.getElementById("submitSpan"); 第一種 submitSpan.onclick = func

!= fun 元素 spa clas urn else target click div.onclick = function(ev){ if(ev.target!=this) return; else { ... } }js在父元素