jQuery 為動態追加的元素新增點選事件
在 jquery1.7 之前的版本中用的是 live()方法,但是 live() 方法在 1.7 中已經不建議使用,1.9 中已經刪除了這個方法.
live() 方法適用於匹配選擇器的當前及未來的元素 (例如用 JS 指令碼建立的新元素)
自 jquery1.7 版本起,on() 方法是 bind() / live() / delegate() 方法的新的替代方法
on() 方法新增的事件處理程式適用於當前及未來的元素(比如由 JS 指令碼建立的新元素)
使用示例
$("#xx").on("click",".add-html",function(){
});
on() 前面的這個 #xx一定要是 html 中存在的,靜態的,否則點選事件觸發不了, ".add-html" 是動態加載出來
on() 方法在任何條件下都是成立的.
相關推薦
jQuery 為動態追加的元素新增點選事件
在 jquery1.7 之前的版本中用的是 live()方法,但是 live() 方法在 1.7 中已經不建議使用,1.9 中已經刪除了這個方法. live() 方法適用於匹配選擇器的當前及未來的元素 (例如用 JS 指令碼建立的新元素) 自 jquery1.7 版本起,on() 方法是
為動態新增元素新增點選事件所遇到的坑
目的:有一個html,要達到的目的是:當滑鼠進入某一個 li 時,它自動為它新增一個class=“co“,然後再為這個co寫一個點選事件; <body> <div id="aaa">
通過js動態為標籤元素新增點選事件
最近遇到了,就研究了下,總結了下: 我所知道的有如下幾種方式: var submitSpan = document.getElementById("submitSpan"); 第一種 submitSpan.onclick = func
jquery實現根據不同class為多個按鈕新增點選事件
一、實現功能 在專案中需要新增幾個button來實現點選不同的button就可以設定字母的顏色。但是button上面不能有文字。所以不能根據$('button').html()獲取button的文字來
React map生成元素新增點選事件繫結this
問題使用.map(function(Item)生成元素新增onClick事件:onClick={this.provinceChange.bind(this, "99")}時,前臺訪問報錯:Uncaught TypeError: Cannot read property 'provinceChange' of
JQuery實現動態新增的標籤元素的點選事件
這裡所說的動態新增的元素的意思是:用js新增的標籤元素先說一下我遇到的問題:想對一些資料實現分頁,就自己寫一個分頁功能。用的是bootstrap的分頁,在頁面獲取資料列表後,計算出需要分多少頁展示,然後
jQuery繫結動態元素的點選事件無效
示例如下: <div> <ul id="demo"> <li>Kubernetes:下一代分散式系統的護戒使者</li> <li>機器學習工具--Pandas cheat sheet</li> <li&g
jq動態生成的元素(標籤)新增點選事件
1.在dataTable表格中根據傳來的資料動態生成a標籤 Columns:最後一列 js部分: <script> var ListTable = loadDataTable({ {}, {}, ... { data: "orderI
Unity UGUI按鈕動態新增點選事件
使用程式碼的方式給按鈕新增點選事件需要引入兩個名稱空間: using UnityEngine.UI; using UnityEngine.Events; 先建立一個介面,並且在介面裡放置一個按鈕: 建立一個Test指令碼,程式碼如下: using
[Swift通天遁地]一、超級工具-(1)動態標籤:給UILabel文字中的Flag和url新增點選事件
本文將演示動態標籤的使用,它允許使用者在標籤上進行互動操作。 點選【Podfile】,檢視安裝配置檔案。 1 platform :ios, '8.0' 2 use_frameworks! 3 4 target 'DemoApp' do 5 source 'https://githu
為RecyclerView新增點選事件、長按事件
本篇展示手機內已安裝的軟體資訊,並新增事件,效果如下 一、準備工作 儲存App資訊的bean public class AppInfo { public String name; // 應用名
為MPAndroidChart之RadarChart新增lable新增點選事件
關於RadarChart 先貼上MPAndroidChart 的GitHub上地址:https://github.com/PhilJay/MPAndroidChart RadarChart的使用這裡不做介紹,如有需要請自行查閱! 直奔主題,檢視RadarChart的監聽方法,
【Swift 2.1】為 UIView 新增點選事件和點選效果
前言 UIView 不像 UIButton 加了點選事件就會有點選效果,體驗要差不少,這裡分別通過自定義和擴充套件來實現類似 UIButton 的效果。 宣告 歡迎轉載,但請保留文章原始出處:) 部落格園:http://www.cnblogs.com 農民伯伯: http://ove
jQuery移除或禁用html元素的點選事件
移除或禁用html元素的點選事件可以通過css實現也可以通過js或jQuery實現。 一、CSS方法 .disabled { pointer-events: none; }二、jQuery方法 方法
關於jquery中 的點選事件,每點一次執行的效果就疊加一次,click是新增點選事件的意思
我本人還是前端的菜鳥,所以一般在寫特效的時候,喜歡用jquery,但是在用jquery的點選事件中,點選後改變容器中的內容,但是發現每點一次就顯示一個內容,點幾次就有幾個。jquery中 的點選事件,每點一次執行的效果就疊加一次,click是新增點選事件的意思。那麼來解決這
RecyclerView為每個item新增點選事件
最終目的模擬ListView的setOnItemClickListener()方法,呼叫者只須呼叫類似於setOnItemClickListener的東西就能獲得被點選item的相關資料。原理為RecyclerView的每個子item設定setOnClickListene
ios-swift-為圖片控制元件(自定義控制元件)新增點選事件
@IBOutlet var img_guanggao: UIImageView! override func viewDidLoad() { super.viewDidLoad(
js為li列表新增點選事件
今天看到一個面試題目 //html程式碼 <body> <ul> <li>1</li> <li>
iOS中為view新增點選事件
UITapGestureRecognizer *ui=[[UITapGestureRecognizeralloc]initWithTarget:selfaction:@selector(alickLi
js追加html,如何新增點選事件
$("#product").on("click", ".items", function () { $.app.product.displayProduct($(this).attr("id")); }