我试图在使用jQuery加载页面时自动单击链接。我在过去的项目中成功完成了,但我现在无法让它工作。这是我的代码:
<script type="text/javascript">
$(document).ready(function(){
$(".btn-warning").trigger("click");
});
</script>
<!-- Modal -->
<a href="#myModal2" role="button" class="btn btn-warning" data-toggle="modal">Confirm</a>
<div id="myModal2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h3 id="myModalLabel2">Alert Header</h3>
</div>
<div class="modal-body">
<p>Body goes here...</p>
</div>
<div class="modal-footer">
<button data-dismiss="modal" class="btn green">OK</button>
</div>
</div>
我相信代码中的data-toggle="modal"
部分会搞砸了。但如果我删除它,模态根本不起作用。也许我需要使用click
以外的其他内容?
由于
答案 0 :(得分:2)
因为你说你正在使用Bootsrap。我会建议以下(下面)而不是使用点击事件。
<script type="text/javascript">
jQuery(window).load(function($){
$('#myModal2').modal('show');
});
</script>
小提琴:http://jsfiddle.net/RsdpT/1/
另一个小提琴(感谢@FakeRainBrigand):http://jsfiddle.net/nHD9U/2/
答案 1 :(得分:0)
你可以尝试:
$(".btn-warning").click();
答案 2 :(得分:0)
怎么样
$(".btn-warning")[0].click();
答案 3 :(得分:0)
为什么不直接做你想做的事:
$(document).ready(function(){
location.hash = "myModal2";
});