Question

您好我的情况类似于下面的例子（请参阅代码段）。当出现＆＃34;称为按钮＆＃34;然后我点击它关联的js事件不起作用。

当我添加一个新的元素whit js（在示例中通过＆＃34; .append（）＆＃34;，但是在ajax调用另一个页面后添加元素），这个新元素不是＆＃ 34;鉴定＆＃34;来自现有的js代码。

哪种解决方法最好？

显然这是一个解释问题的简单示例，但我无法解决问题，包括函数中的代码，并在新元素出现时调用它，因为包含插件的真实js代码要复杂得多。

＆＃13;

var calledButton = '<br><button id="called-button">This is the called button</button>'
$("#main-button").click(function() {
  $("#response").append(calledButton);
  $("#response").append("<br><br>Main button clicked");
});

$("#called-button").click(function() {
  $("#response").append("<br><br>Called button clicked");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<button id="main-button">This is the main button</button>

<div id="response"></div>

＆＃13;

JS动态识别新元素

0 个答案: