第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

如何使用jQuery將事件附加到動(dòng)態(tài)HTML元素？

如何使用jQuery將事件附加到動(dòng)態(tài)HTML元素？

如何使用jQuery將事件附加到動(dòng)態(tài)HTML元素？假設(shè)我有一些jQuery代碼，它將事件處理程序附加到具有類的所有元素.myclass。例如：$(function(){     $(".myclass").click( function() {         // do something     });});我的HTML可能如下：<a class="myclass" href="#">test1</a><a class="myclass" href="#">test2</a><a class="myclass" href="#">test3</a>這沒(méi)有問(wèn)題。但是，請(qǐng)考慮.myclass在將來(lái)某些時(shí)間是否將元素寫入頁(yè)面。例如：<a id="anchor1" href="#">create link dynamically</a><script type="text/javascript">$(function(){     $("#anchor1").click( function() {         $("#anchor1").append('<a class="myclass" href="#">test4</a>');     });});</script>在這種情況下，test4鏈接是在用戶單擊時(shí)創(chuàng)建的a#anchor1。該test4鏈接沒(méi)有click()與之關(guān)聯(lián)的處理程序，即使它有class="myclass"?；旧希蚁刖帉慶lick()處理程序一次，并將其應(yīng)用于頁(yè)面加載時(shí)出現(xiàn)的內(nèi)容，以及稍后通過(guò)AJAX / DHTML引入的內(nèi)容。知道如何解決這個(gè)問(wèn)題嗎？
查看完整描述

4 回答

?
守著星空守著你

TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超8個(gè)贊

有時(shí)這樣做（最高投票的答案）并不總是足夠的：

$('body').on('click', 'a.myclass', function() {
    // do something});

這可能是一個(gè)問(wèn)題，因?yàn)橛|發(fā)了訂單事件處理程序。如果你發(fā)現(xiàn)自己這樣做了，但由于它的處理順序而導(dǎo)致問(wèn)題。你總是可以將它包裝到一個(gè)函數(shù)中，當(dāng)被稱為“刷新”監(jiān)聽(tīng)器時(shí)。

例如：

function RefreshSomeEventListener() {
    // Remove handler from existing elements
    $("#wrapper .specific-selector").off(); 

    // Re-add event handler for all matching elements
    $("#wrapper .specific-selector").on("click", function() {
        // Handle event.
    }}

因?yàn)樗且粋€(gè)函數(shù)，每當(dāng)我以這種方式設(shè)置我的監(jiān)聽(tīng)器時(shí)，我通常會(huì)在文檔就緒時(shí)調(diào)用它：

$(document).ready(function() {
    // Other ready commands / code

    // Call our function to setup initial listening
    RefreshSomeEventListener();});

然后，每當(dāng)您添加一些動(dòng)態(tài)添加的元素時(shí)，再次調(diào)用該方法：

function SomeMethodThatAddsElement() {
    // Some code / AJAX / whatever.. Adding element dynamically

    // Refresh our listener, so the new element is taken into account
    RefreshSomeEventListener();}

希望這有幫助！

問(wèn)候，


查看完整回答
反對(duì) 回復(fù) 2019-05-21
?
泛舟湖上清波郎朗

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超3個(gè)贊

如果您要向DOM添加一堆錨點(diǎn)，請(qǐng)查看事件委派。

這是一個(gè)簡(jiǎn)單的例子：

$('#somecontainer').click(function(e) {   
  var $target = $(e.target);   
  if ($target.hasClass("myclass")) {
    // do something
  }});


查看完整回答
反對(duì) 回復(fù) 2019-05-21
  • 4 回答
  • 0 關(guān)注
  • 826 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)