jquery on如何給未來元素綁定事件？

Zhuxy 發布于2019-08-22 11:06 / 2974人閱讀

摘要：我們要想在一個元素上綁定一個事件，那么這個元素必須先存在，也就是綁定事件動作前就已有這個元素。聲明原文來自求索網如何給未來元素綁定事件

我們要想在一個元素上綁定一個事件，那么這個元素必須先存在，也就是綁定事件動作前就已有這個元素。

這是一個給元素綁定任何事件的前提。

如果按照這種思路走，那么“給未來元素綁定事件”將會是一個死胡同。

我們跳出問題設定的思維陷阱，把元素綁在未來元素的父級上，那么這個問題就迎刃而解了。

demo如下：

html部分代碼


    php
    javascript

js部分代碼

$("button.add").click(function(){
    $("mysql").appendTo("ul.menu");
})

//給li綁定click事件
//記住不要把事件直接綁定在son元素上$(".son").on("click",function(){})
//正確的姿態：
$(".menu").on("click", ".son", function(){
    alert("正在進入...");
})

ok，拿這個demo嘗試一下，是不是未來添加的幾個菜單項都被綁定了點擊事件了呢？沒錯，jquery on 綁定未來事件就是這么簡單。

聲明原文來自求索網:jquery on如何給未來元素綁定事件

云服務器 GPU云服務器 jquery綁定事件on jquery預綁定事件 jquery綁定hover事件 js如何去除事件綁定

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91769.html

A01-jquery操作之：如何獲取動態生成元素（獲取未來元素）

摘要：如何獲取元素列表進行遍歷很簡單直接在方法的回調函數中獲取動態生成子元素你好啊將子元素加入父元素為子元素注冊事件輸出所有子元素 A01-jquery操作之：如何獲取動態生成元素（獲取未來元素） what 動態生成元素？ html代碼中沒有的元素通過js生成的元素通過模板字符串生成的元素反正就是頁面加載后才生成的元素 why 傳統的方直接使用$(選擇器)無法獲取到該元素...

wangym 2019-08-26 10:42 評論0 收藏0
【JavaScript系列】動態綁定事件方法：(1)jquery的on方法；(2)html元素綁定

摘要：提示如需移除事件處理程序，請使用方法。說明和綁定的點擊事件被的事件覆蓋。分析不同的綁定方式執行順序屬性元素事件事件。元素綁定事件刪除按鈕。屬性綁定事件動態綁定事件方法的方法的屬性綁定。一、動態監聽加載對象當使用js或jQuery動態創建元素(例如append，appendChildren)，再用on(事件, function(){...})或addEventListener監聽事件...

young.li 2019-08-26 10:20 評論0 收藏0
jQuery動畫效果、jQuery插件使用

摘要：一事件的綁定與解綁的簡單綁定事件新版本使用為指定的元素添加一個或多個事件處理程序，并規定當這個事件發生時運行的函數。將整個文件放至項目的任意目錄不要移動其文件結構，它們具有完整的依賴體系。一、事件的綁定與解綁 1.1 jQuery的簡單綁定 1.1.1 on(events,fn)事件(新版本使用) 為指定的元素添加一個或多個事件處理程序，并規定當這個事件發生時運行的函數。on()方法...

MkkHou 2019-08-29 16:16 評論0 收藏0
jQuery動畫效果、jQuery插件使用

摘要：一事件的綁定與解綁的簡單綁定事件新版本使用為指定的元素添加一個或多個事件處理程序，并規定當這個事件發生時運行的函數。將整個文件放至項目的任意目錄不要移動其文件結構，它們具有完整的依賴體系。一、事件的綁定與解綁 1.1 jQuery的簡單綁定 1.1.1 on(events,fn)事件(新版本使用) 為指定的元素添加一個或多個事件處理程序，并規定當這個事件發生時運行的函數。on()方法...

ssshooter 2019-08-23 10:40 評論0 收藏0
jQuery動畫效果、jQuery插件使用

摘要：一事件的綁定與解綁的簡單綁定事件新版本使用為指定的元素添加一個或多個事件處理程序，并規定當這個事件發生時運行的函數。將整個文件放至項目的任意目錄不要移動其文件結構，它們具有完整的依賴體系。一、事件的綁定與解綁 1.1 jQuery的簡單綁定 1.1.1 on(events,fn)事件(新版本使用) 為指定的元素添加一個或多個事件處理程序，并規定當這個事件發生時運行的函數。on()方法...

joyvw 2019-08-02 11:08 評論0 收藏0