弹出框内的jQuery Bootstrap选择器

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