Having Issue on Targetting Dynamic Content with jQuery closest()
Can you please take a look at
This Demo and let me know why I am not able to target closest popover using jQuery .closest() ?
- <div class="container">
- <button id="poper" type="button" class="btn btn-success btn-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<p>In this title I have text</p> <p class='text-center'><button class='btn btn-default btn-sm q-close'>Close</button></p>" data-html="true">
- <i class="fa fa-question"></i>
- </button>
- </div>
- <br>
- <div class="container">
- <button id="poper" type="button" class="btn btn-success btn-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<p>In this title I have text</p> <p class='text-center'><button class='btn btn-default btn-sm q-close'>Close</button></p>" data-html="true">
- <i class="fa fa-question"></i>
- </button>
- </div>
- $(function () {
- $("[data-toggle=popover]").popover({ html: true });
-
- })
- $(document).on("click", '.q-close', function(){
- $(this).closest("[data-toggle=popover]").click();
- });