AJAX載入了HTML，HTML內部元素繫結CLICK事件無效

阿新 • • 發佈：2019-01-27

被這個問題糾結了一晚上，真tm給跪了。

然後在知乎上找到了答案。

大神寫得太好了，學習了。

用ajax載入DOM，先執行js檔案，再載入DOM。事件沒有繫結DOM元素上。

但是，將事件委託給父元素處理，就不受ajax載入的DOM影響了。

$('.load').on('click',function(){ do something...});

$('body').on('click' , '.load' , function(){ do something ...});

AJAX載入了HTML，HTML內部元素繫結CLICK事件無效

被這個問題糾結了一晚上，真tm給跪了。然後在知乎上找到了答案。大神寫得太好了，學習了。用ajax載入DOM，先執行js檔案，再載入DOM。事件沒有繫結DOM元素上。但是，將事件委託給父元素處理，就不受ajax載入的DOM影響了。$('.load').on('click',fu

給元素繫結click事件時造成事件累加

在專案中，遇到了這樣的問題：用li標籤展示每個地區，然後給li增加click事件，當點選時，使用toggleClass()方法增加一個active的樣式。 li存在一個div中，每次更換省份會使用ajax請求替換div中的內容，有的li標籤點選後並沒有出現選中的狀態。剛開始

檢視html元素繫結的事件與方法的利器

WEB標準提倡結構、表現和行為相分離，現在越來越多采用這種表現和行為的方式，但它也為我們開發除錯帶來一些問題，網頁載入一堆JavaScript，，我們很難搞清楚最後在哪些元素的哪個動作綁定了事件，尤其是JavaScript載入事件的

jquery html動態新增的元素繫結事件

在實際開發中會遇到要給動態生成的html元素繫結觸發事件的情況: <div id="testdiv"> <ul></ul> </div> 假設我們要給ul動態新增的<li>繫結click事件形成如下結果 &

關於 jquery html 動態新增的元素繫結事件——On()

Ajax動態生成的資料,動作繫結需要重新執行1 $(document).on('click','.btn1',function(){}); 2 3 替換： 4 5 $('btn1').on('click') = function(){};JQuery On()定義和用法on() 方法在被選元素及子元素上新

Jquery給HTML元素繫結按鍵事件-回車事件

在做網頁的時候，有時是需要js來判斷使用者的按鍵來進行操作對應的功能。本例項已載入jquery.js 1、全域性判斷按鍵（按回車） $(document).keypress(function(e) { var eCode = e.k

給button繫結click事件時，出現ajax請求時，一次點選兩次提交的問題解決

$(function(){ $('#jsStayBtn').off().on('click', function(){ $.ajax({ cache: false, type: "POST",

td中通過button繫結click事件實現跳轉，以及獲取同一table中另一td的值

1、通過button繫結事件跳轉到同一頁面的其他div 例： js頁面 <table id = "tableid"> <tr> <td id = "rcode">"123456"</td> <td><butto

jQuery on() 方法為選定已存在元素和未來元素繫結標準事件和自定義事件

很有必要說說jQuery的on方法，這個方法存在大乾坤大奧祕，主要注意兩點： 1、為已存在元素和未來元素（動態新增元素）繫結處理函式。 2、自定義一個非標準的事件並繫結處理函式。定義和用法 on() 方法在被選元素及子元素上新增一個或多個事件處理程式。自 jQuery 版本 1.7 起，on()

頁面有多個相同的id或者class時，繫結jquery事件無效，解決方案

<div id="cp_liuyan" class="cp_tl cp_tl2" >按鈕</div> <div id="cp_liuyan" class="cp_tl cp_tl2" >按鈕</div> <div id="

【jQuery】使用unbind()方法移除元素繫結的事件

unbind()方法可以移除元素已繫結的事件，它的呼叫格式如下： $(selector).unbind(event,fun) 其中引數event表示需要移除的事件名稱，多個事件名用空格隔開，fu

js 給元素繫結回車事件

經常會看到登入頁面輸入完賬戶密碼,回車就登入了.實現方法: 1.jquery方法 $("#focus")為獲取id為focus的元素 $("#focus").keypress(function(ev

jquery多個元素繫結同一事件以及回車事件觸發點選事件

1.多個元素繫結同一事件場景呈現：在登入功能中可以會在每個輸入框中監聽回車事件或者是其他相同事件，這時候就可以通過下面方式進行繫結. $(".login_wrap input[name=usern

jquery 動態生成表繫結click事件，獲取同行資料

這個問題糾結了好久，動態生成的表格，直接按照普通方式，onclick=“afun();” 無法在function內獲取到正確的this，就無法獲取表格其他項資料。繫結也無法成功，直接沒反應。後來debug了一下，感覺jquery繫結事件實在載入前進行的，此時還沒有動態生

解決jQuery元素繫結toggle事件後元素變成隱藏的問題

原因分析很簡單，toggle功能在1.9版本之後發生變化了。不再支援多個事件輪流切換。摘一段官網說明： Note: This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.

angularJs中ng-repeat遍歷動態生成的表單元素繫結ng-model無效的問題

我在做練習中偶然遇到這個問題，與大家分享一下。我也是剛開始接觸angularJs,相信也有人同樣遇到過。問題描述：在使用anjularJs框架核心模組ng雙向資料繫結，在ng-repeat遍歷物件或陣列的時候，用ng-model繫結動態生成表單元素時，利用$sco

jquery獲取元素繫結的事件

/** * 將JS的任意物件輸出為json格式字串 * @param {Object} _obj: 需要輸出為string的物件 */ var obj2String = function(_obj) { var t = typeof (_obj); if (t != '

為什麽ajax加載出來的html，無法用選擇器綁定事件?

選擇加載事件處理程序 leg 當前事件 fun document 無法問題：使用Ajax異步請求頁面，正常顯示，但是頁面上的按鈕，無法添加點擊事件分析：Ajax異步加載的,整個頁面加載完成後，找不到你異步加載的DIV或者事件。*解決：使用 delegate() 方法

AJAX動態建立HTML元素click事件無效

解決辦法：將click事件繫結到body元素下面（缺點：body上事件繫結多了，頁面受不了） $("body").on("click","Ajax動態建立的元素",function(){ //do something important,haha }); 示例如下：

如何用vue 語法給html元素繫結原生js DOM 事件

問題描述：最近在使用vue全家桶開發頁面，而且也是剛入門vue，很多vue的東西都是現學現用。想要給一個html元素繫結DOM事件，我以前肯定是用javascipt 的DOM 操作，但是既然專案用了vuejs ，我就想用vuejs實現一下，但是官方文件的這塊寫的非常簡

AJAX載入了HTML，HTML內部元素繫結CLICK事件無效

相關推薦