弹出框内的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

此时您的 HTML 中没有 .link - 您只有一个 span，其 data-content 恰好包含一个包含 .link 的 HTML 字符串 。在弹出框出现时附加监听器，或者使用事件委托：

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