einige Javascript Run auf Seite laden

Question

ich diesen einfachen Code unten am Testen und es funktioniert ...

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

}); 

Jedoch, wenn ich den Code ausführen darunter nicht der Fall ist, das Click-Ereignis alles, was ich getan haben, wird entfernt und Ich hatte gehofft, dass dies beim Laden der Seite geladen würde, anstatt ein Klickereignis zu benötigen, aber es funktioniert nicht. Irgendwelche Ideen?

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

}); 

---

Wie gewünscht, die openModal Funktion

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

Answer 1

Mabye müssen Sie alle Ressourcen, anstatt nur die dom geladen werden. Für diese Verwendung:

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

Answer 2

Browser in der Regel Block modals taucht, wenn sie Beiladen einer Seite geöffnet werden. Das erklärt, warum es funktioniert, wenn Sie es mit einem Klick tun. Versuchen Sie, Ihre Popup-Blocker zu deaktivieren.

Answer 3

Try this:

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

});