Onloadリンクをクリック

Question

次のコードは、ユーザーがリンクをクリックしたときにのみ読み込まれます。

クリックすることなくこのページが表示されます。

<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> 

Answer 1

$(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 
}); 

Answer 2

ちょうどあなたの$(document).ready()ハンドラの最後にこれを追加します。[？]をクリックトリガする方法のjQuery]の

$('.btn-modal:first').click();