1. 程式人生 > >jQuery中動態建立元素節點無法觸發事件

jQuery中動態建立元素節點無法觸發事件

通過jquery動態生成了一個按鈕

$(this).html('<a id="register" href="javascript:;">註冊</a>').addClass("register");

js中直接給a一個事件

$("#register").click(function() {
    console.log(111);
});

一直無法觸發該事件。

改成下面的方法:

$(document).delegate("#register", "click", function() {
    console.log(111);       
});

相關推薦

jQuery動態建立元素節點無法觸發事件

通過jquery動態生成了一個按鈕 $(this).html('<a id="register" href="javascript:;">註冊</a>').addClass("

jQuery動態建立id,如何使用該Id來訪問這個元素

1、如我們在我一個for迴圈中動態的建立了一個元素<ul>,<ul>元素裡面的li動態的給了一個id如下 for(var i = 0 ; i <  k ; k ++){ $(".someOne").append("<ul><l

解決JQueryinput的change(onchange)無法觸發的問題

1.在用div模擬select的情況下,可以使用input.bind('change'),然後在模擬選項被選中後的事件中出發此input的change事件,觸發方法input.trigger('change'); 2.使用input.bind('propertychange

解決 jQuery 動態新增節點無法觸發 onclick 點選事件的問題

     問題: 當我們在網頁載入完成後, 使用 JQuery 給頁面動態增加增加節點時, 會發現新增節點無法觸發點選事件      處理: 使用 live() 或 on() 方法給新增節點新增點選事件    !

js ajax動態新增節點無法觸發點選事件

在寫ajax載入資料的時候發現,後面新增進來的demo節點元素,失去了之前的點選事件。 其實最簡單的方法就是直接在標籤中寫onclick="",但是這樣寫有些場景的是實現不了的,最好的方式還是通過給類名繫結一個click事件。 方法一:使用live: live()函式會給被選的元素繫結上一個或者多個事件

JS獲取節點的兄弟,父級,子級元素(原生和基於jquery) 、動態建立文件元素 、this和$(this)區別

一、JS獲取節點的兄弟,父級,子級元素的方法 原生js var s= document.getElementById("test"); del_ff(s);    //清理空格 var chils= s.childNodes;  //得到s的全部子節點 var par=s.

解決jQuery ajax 動態新增節點無法觸發點選事件的問題

假設在某個頁面的body下有以下結構的程式碼:<ul id="demo"> <li class="demo1">a1</li> <li class="demo1">a2</li> <li class="

關於jQuery動態生成的點擊事件觸發兩次的討論

get com pan .html 方法 執行 url wall itl 由於是動態生成的 點擊事件運用了jQuery裏面的on()方法,綁定在body上面,結果在程序裏面運行了兩次。參考了博客 利用on和off方法編寫高效的js代碼知道了很多在dom對象刪除以後,其聲明

HTML關於動態建立的標籤無法繫結js事件的解決方法

小夥伴們在前端頁面的時候,是不是會經常遇到用JavaScript動態創建出來的Button按鈕或其他標籤無法使用點選事件的問題。如下程式碼,使用jquery在body中動態建立一個class為demo的Button按鈕,當點選這個按鈕時無法觸發點選事件。 <script> $(fun

document物件 動態建立元素(節點)/新增元素(節點)/刪除元素(節點)

主要是通過建立節點的方式來完成動態建立和動態刪除的,其具體的方法就2個document.createElement("a");document.getElementById("id1").parent

jQuery動態創建、添加元素的方法總結

總結 function var 一個 兄弟元素 動態 NPU on() pre <input type="button" value="創建元素" id="btn"> <div id="box"></div> <p id="main

DOM動態創建元素jQuery動態創建元素

dom 對象 reat ext write 標簽 元素 creat 覆蓋 DOM中動態創建元素與jQuery中動態創建元素 DOM中動態創建元素:   1. document.write("標簽的代碼") 缺點:頁面中原有的元素會被覆蓋掉   2. innerH

jquery獲取相鄰元素相關的命令:next()、prev()和siblings()

cnblogs lin Language javascrip prev round blog scrip color jquery裏我們要獲取某個元素的相鄰元素時,可以用到的命令有三個: next():用來獲取下一個同輩元素。 prev():用來獲取上一個同輩元素。 sib

刪除鏈表的指定元素節點

需要 bre pan 指定元素 ret ons normal amp one Remove all elements from a linked list of integers that have valueval. Have you met this questi

jQuery.1.9 live 代替事件 on 新增內容無法觸發事件

class status jquer earch pen cnblogs span == nbsp 如果是新增 append 或者 html() 事件添加的內容,無法觸發 click 事件, 在1.9 可以用live 事件來代替 1.9以後用 <div class

jQuery常用的元素查找方法總結

form select checkbox disabled 聯合 節點 id屬性 anim area $("#myELement") 選擇id值等於myElement的元素,id值不能重復在文檔中只能有一個id值是myElement所以得到的是唯一的元素 $("div")

jquery元素節點操作,滾輪事件與函式節流:(六)

15:jquery元素節點操作 16:滾輪事件與函式節流 17:json 18:ajax與jsonp 19:本地儲存 20:jqueryUI 目錄十五 jquery元素

Unity動態建立資料夾

本文章由cartzhang編寫,轉載請註明出處。 所有權利保留。  文章連結:http://blog.csdn.net/cartzhang/article/details/50474664  作者:cartzhang Unity中一鍵建立常用資料夾 說明 專案測試版本Unit

Python動態建立Mongodb集合

一、場景簡述 筆者最近在寫相關爬蟲資料儲存,需要根據店鋪名稱來建立mongodb中的集合,以下就是筆者的解決辦法 二、解決方案 #mongodb連線 client = pymongo.MongoClient(mongo_util.mongo_conf['host'],mongo_

jquery的click無法觸發事件

  一個頁面需要在載入後勾選table中所有行的checkbox,於是就這樣寫 1 $("table thead tr th input[type='checkbox']").click();   結果一點反應也沒有,檢查好久,程式碼沒有問題啊,好一番查詢,都要放棄了,終於找到原因:table還