使用jQuery点击链接

b91juud3  于 2023-04-11  发布在  jQuery
关注(0)|答案(4)|浏览(111)

我尝试使用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值以外的其他值?

ni65a41a

ni65a41a1#

既然你说你使用的是Bootsrap,我建议你使用下面的方法来代替点击事件。

<script type="text/javascript">
    jQuery(window).load(function($){
        $('#myModal2').modal('show');
    });
</script>

小提琴:http://jsfiddle.net/RsdpT/1/
另一个小提琴(感谢@FakeRainBrigand):http://jsfiddle.net/nHD9U/2/

euoag5mw

euoag5mw2#

您可以尝试:

$(".btn-warning").click();
omqzjyyz

omqzjyyz3#

不如

$(".btn-warning")[0].click();
hgncfbus

hgncfbus4#

为什么不直接做你想做的事:

$(document).ready(function(){
    location.hash = "myModal2";
});

相关问题