append 新增的元素重新繫結事件
高版本的jQuery中.on()啟用之後bind和live都已經失效。
再說上面的問題,如$(".DIV").append("<li>123</li>"),這時候用$(".DIV").click()方法繫結就會發現click事件沒有繫結上,解決 的辦法,$(".DIV").on("click","li",function(){})
注意:on裡面的節點是你append添加里面的最高父節點開始算 比如 $(".DIV").append("<li>123<a> 確定</a> </li>"),這時候使用$(".DIV li").on("click","a",function(){})依然是不起做用的,必須把最高父節點放在on的第二個屬性點裡面,正確方法$(".DIV").on("click","li a",function(){})
相關推薦
append 新增的元素重新繫結事件
在jQuery當中append是動態向頁面中新增元素的常見方法,但是很多時候append新增之後的節點再次繫結事件(比如click)的時候,就會發現click失效,這時候就會涉及到,on()高版本的jQuery中.on()啟用之後bind和live都已經失效。 再說上面的問
專案總結之 jquery中,使用append增加新元素時,新增元素的繫結監聽事件失效的解決辦法
$(“outerSelector”).on(“eventType”,“innerSelector”,function(){}); 舉例:如果在一個 中,通過append新增一個id="demo"的按鈕,常用的直接$(“Selector”).on(“eventType”,function
jquery在ajax新新增的元素後繫結事件click
使用YII在做一個點選小圖,可以在彈出視窗中顯示大圖的功能的時候,發現,GridView首頁面的列表項按點選時一切正常,但按下了下一頁後, 再點選小圖,就不起作用了。原來,這是GridView使用了ajax分頁,分頁後的元素是新增加的,所以不會繫結事件,要改變這樣的狀況,可
jquery 解決使用append新增元素後監聽事件消失的解決方案
假設想要在id為target的div中append一個元素 原監聽事件格式為: $(".textBox").mouseover(function() {}); 修改為: $("#target").on(“mouseover”, “.textBox”, fun
jQuery動態生成的元素如何繫結事件
這段時間在寫程式碼的時候遇到一個問題,通過append()新增的節點,點選事件不起作用。當時我百思不得其解,各種找錯都沒找到錯誤的原因。後來才發現是動態生成節點的問題,還是自己沒有經驗啊。 下面來
jQuery動態新增li標籤並新增屬性和繫結事件
程式碼如下: <%@page import="java.util.ArrayList"%> <%@ page language="java" contentType="text/h
用jquery給元素動態繫結事件及樣式
網頁輸出的時候,可以用jquery給各種元素繫結事件,或設定樣式。之所以這樣做,好處是節省程式碼,尤其適合元素很多,並且元素的事件對應的函式雷同的情況。看看以下程式碼: <div id="divUserList"> <span><a href
jQuery 插入元素時繫結事件 或 已載入的html繫結事件
//已載入好的$("user-news").click(function(){ alert(""); });<div class="user-center pull-right"> <img class="member-drop-down
jQuery向動態新增的元件繫結事件
jquery中繫結事件一般使用bind,或者click,但是這隻能是對已經載入好的元素定義事件,那些後來新增插入的元素則需要另行繫結。在1.7版本以前使用live。但是在1.8版本以後推薦使用on。 $('body').on('click','.admi
C#winform中動態新增button並繫結事件
<strong><span style="font-size:18px;">最近做的專案中用到的,新手很多不懂的地方,一點一點學習弄出來的,記錄一下</span>&
ajax載入的元素無法繫結事件問題解決
問題 點選搜尋查詢,顯示前10條查詢結果和一個”下一頁“按鈕,然後點選下一頁按鈕顯示下一頁結果和下一頁按鈕…遇到的問題是,點選下一頁按鈕沒有按照js裡面寫的方法去訪問連結,後來發現問題是沒有繫結上ajax寫的post方法。 程式碼: $('#searc
為同一個元素,新增相同名字的處理函式的不同繫結事件—通過switch語法
要點: 1.switch語法跟break語法結合使用,才能達到效果,滿足條件後,執行出路函式,然後跳出迴圈。 2.這裡的.type是返回的是事件的繫結型別,如click。區別與typeof 判斷的是值的型別,如 "undefined"。 程式碼: <!DOCTYPE html&
jQuery動態新增的元素繫結事件
今天在做專案是時候發現動態新增的元素不能繫結事件,由於本人js和jquery技術有限,所以也不知道原因,一查才知道,動態新增的元素繫結事件就會失效,所以修改了一下。 jquery中繫結事件一般使用bind,或者click,但是這隻能是對已經載入好的元素定義事件,那些後來新增插入
js和jq的dom操作&&append的元素繫結事件失效
列數:var td=$("#toptable tr").eq(1).find("td").length; ps:當第一列是th的時候可以選擇find("th")然後就是弟0行,如果第一列不是th那麼可以直接eq(0)
jquery html 動態新增元素繫結事件
由於實際的需要,有時需要往網頁中動態的插入HTML內容,並在插入的節點中繫結事件處理函式。我們知道,用Javascript向HTML文件中 插入內容,有兩種方法, 一種是在寫HTML程式碼寫入JS,然後插入到文件中; 另外一種是通過ajax的方式,從伺服器獲取資料,然
jQuery-為動態新增的元素繫結事件(以及不重複新增新的內容)
在使用jQuery的方式為元素繫結事件時,我經常使用bind或者click,但這隻能為頁面已經載入好的元素繫結事件。像需要用ajax的方式請求遠端資料來動態新增頁面元素時,顯然以上幾種繫結事件的方式是無效的 $(selector).bind(event,d
處理jQuery append加入的元素 繫結事件無效的方法
問題是:通過jQuery append(或者before、after,一樣)新新增進網頁的元素,常用的事件不能觸發,比如:append了id 為 abc 的元素,那麼 $(#abc).click(function(){})是沒有效果的。 1. 網上說要用live()函式,親
jquery html動態新增的元素繫結事件
在實際開發中會遇到要給動態生成的html元素繫結觸發事件的情況: <div id="testdiv"> <ul></ul> </div> 假設我們要給ul動態新增的<li>繫結click事件形成如下結果 &
Jquery給動態新增的元素繫結事件:live() delegate() on()
給已存在的元素繫結事件時可以直接寫: $(".class a").click(function(){ }) 但是對於動態生成並append()到頁面上的元素來說,就不能直接用上面的方法來繫結事件了。 在Jquery 1.7之前我們可以通過live()和delega
JQuery —— 新建、新增、新增至某元素、屬性新增、單擊繫結事件
$("<nav></nav>"):建立元素 append:向當前元素中新增目標元素 appendTo:向目標元素中添加當前元素 addClass:向當前元素新增"class"屬性 removeClass:刪除當前元素的"class"屬性 attr:向