JQuery загрузчик селектора внутри поповера

Question

У меня есть загрузочный поповер, как это:

<span style="cursor:pointer;" data-toggle="popover" data-trigger="manual" data-html="true" data-placement="top" class="label label-primary bootpopover" data-content='<div class="input-group"><input type="text" style="cursor:text;background:none;" class="form-control input-sm" onmousemove="this.select()" value="http://example.com" readonly><span class="input-group-btn"><button class="btn btn-default btn-sm link" data-placement="bottom" data-trigger="hover" type="button">Go<i class="fa fa-clipboard"></i>Go</button></span></div>' title="" data-original-title="<i>Title</i>">Link1</span>

но каждый раз, когда я пытаюсь выбрать класс ссылки на jquery, он не работает.

$( ".link" ).on( "click", function() {
  alert("redirecting");
});

Answer 1

У вас нет .link в HTML на тот момент - все, что у вас есть, это span чья data-content случается, содержит строку HTML, которая содержит .link когда положить в документ. Либо присоедините прослушиватель при появлении всплывающего окна, либо используйте вместо него делегирование событий:

$(document).on("click", ".link", function() {
  alert("redirecting");
});