CODEWITHSUNDEEP
javascriptjqueryhtmltwitter-bootstrap-3popover
Ceejay
Ceejay

Reputation: 7257

Jquery click function not working for the button inside popover

I am trying to alert an message when clicked on button with id tagit. but the whole form is appearing in the bootstrap popover. i also added the jquery for alerting message,but its not showing any alert dialog boxes,but when i call the same thing in javascript it is showing the alert. but i need it to be in jquery. how can i do this?

var htmlcont ='<table class="pop-table"><tr><td><button class="btn btn-warning" id="tagit">FILTER</button></td></tr></table>';

$('[data-toggle="popover"]').popover({content: htmlcont, html: true});    

$("#tagit").click(function(){
      alert("hello this is working");           
});

Upvotes: 1

Views: 916

Answers (2)

Oleksandr T.
Oleksandr T.

Reputation: 77482

You need to use event delegation, like so

$(document).on('click', "#tagit", function() {
   console.log("hello this is working");           
});

Upvotes: 5

Sudharsan S
Sudharsan S

Reputation: 15393

Event delegation for dynamic created DOM elements. Try to use Immediate parent selector to traverse easily and quickly 

$(document).on('click', '#tagit', function() {

}):

Upvotes: 1

Related Questions