不能用javascript听我的新按钮

Question

我从脚本模板加载按钮：

<script type="text/html" id="addButton">
    <button class="btn btn-default" id="element-empty">
         ELEMENT
    </button>
</script>

这个按钮已经通过＆＃34;加载＆＃34;加载到页面按钮。现在我想从javascript中监听这个按钮（＆＃34; element-empty＆＃34;）并使用jquery

$( '#element-empty' ).click(function() {
   $(this).attr('class','myClass');
});

问题，按钮＆＃34;元素为空＆＃34;无法从javascript中检测到。谁都知道解决方案???

Answer 1

事件侦听器在页面加载时附加到DOM元素。您需要重新连接此一个，或者您可以在针对您的按钮的document上收听点击事件。

$(document).on('click', '#element-empty', function() {
   $(this).addClass('myClass');
});