现在,我正在使用Bootstrap模态框将其重定向到一个站点:
<a href="http://www.example.com/" href="_blank">click</a>
我希望链接点击后模态框关闭,因此我认为将 data-dismiss="modal"
添加到标签中会起作用,但它会导致模态框在打开链接之前关闭。
我能否将它们结合起来,在 URL 打开后再关闭模态框?
现在,我正在使用Bootstrap模态框将其重定向到一个站点:
<a href="http://www.example.com/" href="_blank">click</a>
我希望链接点击后模态框关闭,因此我认为将 data-dismiss="modal"
添加到标签中会起作用,但它会导致模态框在打开链接之前关闭。
我能否将它们结合起来,在 URL 打开后再关闭模态框?
这对我有效,并且不需要额外的脚本标签:
<a href="http://www.example.com/" onclick="$('#myModal').modal('hide')">click</a>
在Bootstrap 4中:
<a href="http://www.example.com/" data-dismiss="modal" target="_blank">click</a>
在锚点标签中添加一个id。然后,一旦单击该id,您就可以关闭模态框。
<a href="http://www.example.com/" href="_blank" id="sample">click</a>
<script>
$("a#sample").click(function(){
$('#myModal').modal('hide')
});
</script>
<a onclick="location.href='http://www.example.com/';" data-dismiss="modal">点击</a>
类似以下内容应该可以胜任
$('a').click(function(){
$('modal-selector').modal('hide')
})
class="modal-close"
$(document).on('click', '.modal-hide-continue', function (e){
$(this).closest('.modal').modal('hide');
});
它会自动在模态框内任何类名为modal-hide-continue
的元素上起作用。