CODEWITHSUNDEEP
javascriptjquery
Naykyi
Naykyi

Reputation: 21

Not working Jquery

I using comboBox Plugin.When i choose zawgyi-one in dropdown listbox, jquery not working.Why?

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/

Upvotes: 0

Views: 101

Answers (1)

Cerlin
Cerlin

Reputation: 6722

I have found the issue. The combobox plugin is calling this line document.body.innerHTML=_html; when ever a select change is happening. What that does is replace the elements with clone of same elements but the problem here is it doesn't clone the events attached to it. (So i recommend not to use this plugin itself since it may kill other plugin events also).

To over come this you can use jQuery delegated event and it HAS TO BE assigned to document object or any parent object and use jQuery instead of $.

The updated code will look like

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

Here is a working fiddle.

Upvotes: 1

Related Questions