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");
});