Мы разрабатываем в ServiceNow и используем Bootstrap всплывающих окон, чтобы показать некоторую дополнительную информацию, которая является ссылкой. Однако мы не можем заставить ссылки внутри поповера работать. Наш код выглядит так:
<label>
<sp-attachment-button></sp-attachment-button>
</label>
<a class="info"
tabindex="0"
type="button"
data-html="true"
data-trigger="focus"
data-toggle="popover"
title="Attachments">
<span class="badge">{{attachments.length}}</span>
</a>
<div id="popover_content_wrapper" style="display: none">
<now-attachments-list template="sp_attachment_single_line"></now-attachments-list>
</div>
<sp-message-dialog name="delete_attachment"
title="{{m.dialogTitle}}"
message="{{m.dialogMessage}}"
ok="{{m.dialogOK}}"
cancel="{{m.dialogCancel}}"
dialog-class="delete-dialog"/>
<script>
$(document).ready(function(){
$('.info').popover({
html : true,
content: function() {
return $('#popover_content_wrapper').html();
}
});
});
</script>
Мы что-то упустили, чтобы ссылки работали?