1. 程式人生 > >JQ動態生成的元素,原事件繫結失效

JQ動態生成的元素,原事件繫結失效

Old Code:

$('code').click(function () {
    console.log($(this).text());
});

New Code:(.container 是<code>所在的div)

$('.container').on("click", "code", function () {
  console.log($(this).text());
});

之前只是知道官方推薦使用on來生成事件,並不知道其好處,這次知道了

話說,,,有大前端後真的好久沒碰前端了,忘差不多了,O(∩_∩)O~

相關推薦

JQ動態生成元素事件失效

Old Code: $('code').click(function () { console.log($(this).text()); }); New Code:(.container 是<code>所在的div) $('.container').on("click

JQ動態生成元素事件綁定失效

class log AI clas col cli 之前 cap 官方 Old Code: $(‘code‘).click(function () { console.log($(this).text()); }); New Code:(.conta

總結-DOM通用屬性&DOM獲取元素位置&事件與移除&冒泡和標籤的預設行為

DOM通用屬性&DOM獲取元素位置&事件繫結與移除&冒泡和標籤的預設行為 DOM物件的通用屬性 innerHTML 獲取/設定元素裡的html內容。在設定元素的HTML內容的時候,會覆蓋掉原來的內容。 innerText 獲取/設定元素裡面的文字

jQuery動態增加刪除li及事件

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文件</tit

jQuery使用on()動態生成元素事件無效的問題

jQuery的on()方法可以繫結動態生成元素的事件,但是在實際使用時發現無效。如下HTML: 1 2 3 <p> <a>123</a> </p> 使用如下方式,對靜態元素有效,但是繫結動態

jq動態生成元素(標籤)新增點選事件

1.在dataTable表格中根據傳來的資料動態生成a標籤 Columns:最後一列 js部分: <script> var ListTable = loadDataTable({ {}, {}, ... { data: "orderI

動態動態生成元素事件不生效解決方法

JQ動態生成的元素,無法繫結事件,查詢到的原因是:繫結事件的元素必須是構造頁面時已經存在的,假如構造元素是不存在,是後動態生成,則繫結不了,解決方法,通過on()繫結舉例:$("body").on("c

angular,vue,react的基本語法—動態屬性、事件、refangular元件建立方式

基本語法: 動態屬性: vue: v-bind:attr="msg" :attr="msg" react: attr={msg} angular [attr]="msg" 事件繫結: vue: v-on:click="handleChange($eve

React map生成元素新增點選事件this

問題使用.map(function(Item)生成元素新增onClick事件:onClick={this.provinceChange.bind(this, "99")}時,前臺訪問報錯:Uncaught TypeError: Cannot read property 'provinceChange' of

小程式系列課程之6事件獲取元素ID頁面傳值獲取資料

根據在頁面需要實現不同的跳轉和不同的頁面傳值,梳理了以下情況情況一:在小程式的開發過程中會用到動態傳參,比如根據某一個頁面傳參不同,載入不同的新的頁面(一般會用到wx:for迴圈顯示陣列,實現的功能是點選不同的元素進入不同的頁面,比如在另一個頁面載入某個元素的詳細資訊。)情況

HTML中動態生成內容的事件問題

        在實際開發過程中,有時需要向頁面中動態的插入html內容,並在插入的節點中繫結事件處理函式。         用Javascript向HTML文件中插入內容,有兩種方法,一種是JS建立節點,然後插入到html中;另外一種是通過ajax非同步載入的方式,從伺服

WeX5動態生成data動態生成的list

因為專案需要,無法使用提前弄好靜態的,所以,將demo整理下,發上來,供各位朋友參考 define(function(require){     var $ = require("jquery");     var justep = require("$UI/system/

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

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

C# 動態生成WebService無需添加引用

color csharp import exception 客戶 pri [] return encoding C#項目調用WebService是很常見的現象,但一旦修改鏈接地址就需要重新更新引用很是麻煩,這裏跟大家分享一個通過地址,無需添加引用動態生成Webservice

利用jquery.ajax在jsp頁面動態生成table可以增加修改並支持一行和多行刪除

分享 ica 圖片 PE sibling 多行 點擊 table 技術 聲明:此為本人原創,只想實現功能,界面樣式方面沒多考慮,很粗糙能看懂就行……2018-5-14 動態生成table,我利用jsp內嵌java代碼從後臺獲取對象集合,輸出的時候有2中方法 1.直接利用

jQuery1.7+如何實現動態事件

.on( events [, selector ] [, data ], handler(eventObject) ) data 型別: Anything 當一個事件被觸發時,要傳遞給事件處理函式的event.data。 <button class="num1">點選

Jquery通過append新元素之後事件問題的解決方案:

1、 重複繫結 (DOM載入時,先對DOM中存在的元素進行事件繫結,每次新增的元素時,再對新增元素繫結一次事件) 2、 直接在標籤上新增onclick屬性 3、 事件委託 4、 如果元素是用click事件append進來的,那麼功能函式必須放在這個click事件裡面; 具體程式碼不表,

Vue一個案例引發的動態元件與全域性事件總結

最近在自學 Vue 也瞭解了一些基本用法,也記錄了一些筆記有興趣的朋友可以去檢視我的其他文章,技術這東西真的不能光靠看,看是沒有的,你必須要動手實踐,只有在實戰專案中才能發現問題,才能發現我們沒有掌握的知識點,然後發現問題解決問題,我們的能力才能得以提升,要不然就有點眼高手低了。 基於這個想法於是就開始自己

vue.js v-on事件使用vue.js event事件

vue.js v-on事件使用,vue.js event事件繫結   ================================ ©Copyright 蕃薯耀 2018年12月04日 http://fanshuyao.iteye.com/   <!DOCT

python爬蟲如何獲取網頁資訊時發現所需要的資訊是動態生成然後抓包獲取到資訊來源的URL?

如果在利用爬蟲爬取網頁資料的時候,發現是動態生成的時候,目前來看主要表現在以下幾種: 以介面的形式生成資料,這種形式其實挺好處理的,比較典型的是知乎的使用者資訊,我們只要知道介面的URL,就可以不用再考慮頁面本身的內容 以知乎為例,我們在爬取使用者資訊的時候,可能