1

現時点では、ユーザーがリンクをクリックした場合にのみ、次のコードが読み込まれます。

ユーザーがクリックしなくても、ページの読み込み時にこれが発生するようにします。

<script>
$(document).ready(function() {
    // Support for AJAX loaded modal window
    $(document).on('click', '.btn-modal', function() {
        $.get($(this).attr('data-target'), function(data) {
            $('#modal').html(data);
            $('#modal').modal('show');
        }, 'html');
    });
});​
</script>

<!-- Modal window to load dynamic content -->

<div class="modal hide fade customDialog" id="modal"></div>
<a class="btn btn-modal" data-target="page.html" >Launch Modal</a>
4

2 に答える 2

4 
 $(document).ready(function() {

        // Support for AJAX loaded modal window
        $(document).on('click','.btn-modal',function() {

            $.get($(this).attr('data-target'), function(data) {
             $('#modal').html(data);
             $('#modal').modal('show');
           }, 'html');
       });

      // here write
      $('.btn-modal').click();
     // if you have multiple button then keep filter
     // eg.
     // $('.btn-modal:eq(0)').click(); // for first button
     // $('.btn-modal:eq(1)').click(); // for second button and so more
 });
于 2012-05-11T15:19:58.057 に答える
2

$(document).ready()これをハンドラーの最後に追加するだけです：

$('.btn-modal:first').click();
于 2012-05-11T15:17:06.053 に答える