javascript - jQueryを使用してリンクをクリックします

Question

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ますか？

ありがとう

Answer 1

Bootsrapを使用していると言ったので。クリックイベントを使用する代わりに、次のことをお勧めします。

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

フィドル: http://jsfiddle.net/RsdpT/1/

別のフィドル (@FakeRainBrigand に感謝): http://jsfiddle.net/nHD9U/2/

Answer 2

やりたいことを直接やらないのはなぜですか：

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

Answer 3

あなたは試すことができます：

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