実行私はそれ以下のコードを実行すると、ページの読み込み

Question

にいくつかのJavaScript私は以下のこの単純なコードをテストしていて、それが動作...

$(document).ready(function() { 
    $('.show-modal').click(function() { 
     $('#modal-box').css({ 
      left: $(window).width()/2 - $('#modal-box').width()/2, 
      top: $(window).height()/2 - $('#modal-box').height()/2 
     }); 
     //delay(openModal, 500); 
     openModal(); 
    }); 

}); 

は、しかし、私が行っているすべてのクリックイベントを削除されていないと私はこれがクリックイベントを必要とするのではなくページロードにロードされることを期待していたが、動作していない。何か案は？

$(document).ready(function() { 

     $('#modal-box').css({ 
      left: $(window).width()/2 - $('#modal-box').width()/2, 
      top: $(window).height()/2 - $('#modal-box').height()/2 
     }); 
     //delay(openModal, 500); 
     openModal(); 

}); 

要求され、openModal機能として

---

openModal = function() { 
    $('#modal-box').show(); 
    $('#modal-mask').show(); 
}; 

Answer 1

MabyeあなたはすべてのリソースだけでDOMの代わりにロードする必要があります。この使用の場合：

$(window).load(function() { 
    // images and stuff will be loaded 
}); 

Answer 2

ブラウザは通常、ページのロード時にポップアップされたモーダルをブロックします。これは、あなたがクリックしたときに動作する理由を説明しています。あなたのポップアップブロッカーを無効にしてみてください。

Answer 3

これを試してみてください：

$(document).ready(function() { 

     $('#modal-box').css("left", (($(window).width()/2) - ($('#modal-box').width()/2)) + 'px'); 
     $('#modal-box').css("top", (($(window).height()/2) - ($('#modal-box').height()/2)) + 'px'); 

     //delay(openModal, 500); 
     openModal(); 

});