javascript - 不工作 Jquery

Question

我使用comboBox插件。当我在下拉列表框中选择zawgyi-one时，jquery不起作用。为什么？

html

<div class="result">
    <span>မြန်မာစာ(Myanmar Text)</span>
</div>

<!-- For Testing Jquery -->
<button id="click-btn">Jquery Testing Button</button>

javascript

jQuery(function($){
  $(document).ready(function(){
     $("#click-btn").click(function (){
        alert("jquery Work");
     });
  });
}); 

<强> DMEO LINK is http://jsfiddle.net/qq6uq7c6/11/

Answer 1

我发现了这个问题。 当发生选择更改时，组合框插件会调用此行 document.body.innerHTML=_html; 。这样做的作用是用相同元素的克隆替换元素，但这里的问题是它不会克隆附加到它的事件。 (所以我建议不要使用这个插件本身，因为它也可能杀死其他插件事件)。

要克服这个问题，您可以使用 jQuery dele脱 事件，它必须分配给 document 对象或任何父对象并使用 jQuery而不是 $。

更新后的代码如下所示

jQuery(document).ready(function(){
    jQuery(document).on('click',"#click-btn",function (){
        alert("jquery Work");
    });
});

Here是一个工作 fiddle 。