【已解決】jquery append 繫結click事件失效解決方案
因為要非同步載入一些東西,並且需要在使用append新增的元素上繫結click方法,就出現了失效的情況。
<div style="background-color: #ffffff;" class="addresstop">
<div class="addressli">
<div class="addressli1">xxxxx</div>
<div class="addressli2">xxxx</div>
</div>
</div>
原來的寫法:
$(".addressli1" ).onclick(function(){
});
解決方案寫法:
$(".addresstop").on("click",".addressli1",function(){
});
出現這個問題的原因是,click事件只能作用在頁面載入完畢後,整個頁面的元素,對於後面通過append新增的元素,click是找不到的,自然就起不了作用了。on事件除了具備click本身的特點之外,對於新新增元素也可以找到。
相關推薦
【已解決】jquery append 繫結click事件失效解決方案
因為要非同步載入一些東西,並且需要在使用append新增的元素上繫結click方法,就出現了失效的情況。 <div style="background-color: #ffffff;" class="addresstop"> &
jquery迴圈繫結click事件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script
Jquery 對新插入的節點 繫結Click事件失效
1.有人說用 Live, 事實上現在最新的Jquery已經不支援 Live 了。live的解決方法如下: 你可以看這個 也可以不看 ,只是做到心中有數就可以了。下面介紹ON的方法。 2.有人用了ON 來解決, 這個解決方法基本在理。 On的方法,基本能解決問題,但是你也要根據你的具體情況
vue移動端繫結click事件失效問題
原因可能是你使用了better-scroll,預設它會阻止touch事件。所以在配置中需要加上click: true 例: mounted(){ this.scroll=new Bscroll(this.$refs.wrapper, { mous
【v-on】一個元素繫結多個事件以及一個事件繫結多個函式的兩種寫法
本文程式碼主要講述了v-on繫結事件函式傳參,一個元素繫結多個事件的兩種寫法,一個事件繫結多個函式的兩種寫法,修飾符的使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8
解決jQuery元素繫結toggle事件後元素變成隱藏的問題
原因分析 很簡單,toggle功能在1.9版本之後發生變化了。不再支援多個事件輪流切換。摘一段官網說明: Note: This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.
jquery動態新增元素無法觸發繫結的事件的解決方案。
最近遇到一個問題,即當用jquery動態新增元素後,發現給動態新增的元素卻無法觸發事件。後來在網上查閱了一些資料,發現原來要這樣處理: 先上我出錯的程式碼: <!DOCTY
HTML中關於動態建立的標籤無法繫結js事件的解決方法
小夥伴們在前端頁面的時候,是不是會經常遇到用JavaScript動態創建出來的Button按鈕或其他標籤無法使用點選事件的問題。如下程式碼,使用jquery在body中動態建立一個class為demo的Button按鈕,當點選這個按鈕時無法觸發點選事件。 <script> $(fun
9.42jquery動態新增元素無法觸發繫結的事件的解決方案
jquery動態新增元素無法觸發繫結的事件的解決方案。 ╭(●`∀´●)╯二狗最近在工作中遇到一個問題,即當用jquery動態新增元素後,發現給動態新增的元素卻無法觸發事件(╯#-_-)╯╧═╧ ( ╯#-_-)╯┴—┴。後來在網上查閱了一些資料,發現原來要這樣處理๑乛◡乛๑: 先上我出錯
jquery a 標籤繫結click事件
$(document).ready(function() { $("a[name='del']").click(function(){ Ext.Msg.confirm('提示','你確定要刪除該公告嗎?',function(butto
JQuery繫結click事件的3種寫法
1.首先你得有jquery 1.7以上的版本的js 2.將js匯入專案 3.jsp原始碼 <%@ page language="java" contentType="text/html; ch
給button繫結click事件時,出現ajax請求時,一次點選兩次提交的問題解決
$(function(){ $('#jsStayBtn').off().on('click', function(){ $.ajax({ cache: false, type: "POST",
動態新增的標籤繫結click事件不響應和關於IOS下click事件委託失效的解決方案
給動態新增的標籤使用jQuery繫結click事件不響應以及iOS裝置上click事件委託失效問題 不響應原因:當它使用jQuery繫結click事件時,對應的DOM物件還沒有生成,所以會不響應 解決方案1:可以使用代理事件來解決,程式碼1如下,但是使用下面這個程式碼1會引
解決EasyUi的combobox繫結change事件
<input name="benc" id="benc" class="easyui-combobox" style="width: 250px;"
jquery 動態生成表 繫結click事件,獲取同行資料
這個問題糾結了好久,動態生成的表格,直接按照普通方式,onclick=“afun();” 無法在function內獲取到正確的this,就無法獲取表格其他項資料。繫結也無法成功,直接沒反應。 後來debug了一下,感覺jquery繫結事件實在載入前進行的,此時還沒有動態生
td中通過button繫結click事件實現跳轉,以及獲取同一table中另一td的值
1、通過button繫結事件跳轉到同一頁面的其他div 例: js頁面 <table id = "tableid"> <tr> <td id = "rcode">"123456"</td> <td><butto
Javascript繫結click事件的四種方式總結
一:HTML中新增onclick <button id="vv" onclick="myfunction()" >哈哈</button> 二:JS中定義函式繫結事件! var funcc = function () {
thymeleaf的繫結click事件
最近在學習spring boot ,因為spring boot 的前端模板預設推薦thyme leaf,所以也開了一下 thyme leaf繫結button的onclick事件 <input type="button" th:onclick="'javas
AJAX載入了HTML,HTML內部元素繫結CLICK事件無效
被這個問題糾結了一晚上,真tm給跪了。然後在知乎上找到了答案。大神寫得太好了,學習了。用ajax載入DOM,先執行js檔案,再載入DOM。事件沒有繫結DOM元素上。但是,將事件委託給父元素處理,就不受ajax載入的DOM影響了。$('.load').on('click',fu
vue繫結click事件
<span :click="goTop()">按鈕</span>var c = new Vue({ el: "#cartoon", data: data, methods