18910140161

JavaScript-通过更新innerHTML设置的HTML中的onclick函数不工作-堆栈溢出

顺晟科技

2022-10-18 13:50:27

29

我有一个名为BuyAnimal(ID)的JS函数,如果我将index.HTML设置为include

,它就会按预期工作。

<div onclick="buyAnimal(0)"></div>它可以正常工作,但如果我使用

let html = `<div onclick="buyAnimal(0)"></div>`
$('#element').html(html);

onclick功能没有通过,这是正常的,还是我必须用我的JS专门附加一个onclick函数到该元素?


顺晟科技:

<块引用>我

是否必须专门将onclick函数附加到该元素?用我的JS?

你不需要这么做。您可以查看下面的演示。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="element"></div>
<代码><;script SRC=“ https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js ”>;<;/script>;<;DIV ID=“元素”>;<;/DIV>;

您应该通过以下方式

将事件句柄附加到动态DIV
$(document).on("click", '.buy', function() {
    buyAnimal(0);
});

let html = `<div class='buy'>BUY</div>`
$('#element').html(html);
$(document).on("click", '.buy', function() {
    buyAnimal(0);
});

function buyAnimal(n){
   console.log('buy...' + n);
}
<代码><;script SRC=“ https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js ”>;<;/script>;<;DIV ID=“元素”>;<;/DIV>;

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航