Home/ Questions/Q 6328739
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T17:30:53+00:00

i have the following piece of code in the page HEAD: <script type=text/javascript> $(document).ready(function(){

  • 0

i have the following piece of code in the page HEAD: 

    <script  type="text/javascript">        
$(document).ready(function(){
    $(".open_popup_clips").colorbox({width:"520px",height:"480px", iframe:true});       
});
</script>

as a result, the pop up will open correctly only when the page finished loading, before that it
will open the link in the browser window, the regular way.
is the a way to make links open in pop up before page has completely loaded. i tried placing this block of code in the BODY but that did not work..
the best thing of course would be to speed up the load process but let’s leave that aside for now.

thanx for any replay and have a nice day 🙂

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There’s two options here:

    One, place your JavaScript code at the BOTTOM of your BODY without the document.ready. This will be faster than document.ready binding.

    Two, place your JavaScript code right below the element you’re calling colorbox on. This is a little bit more messy, but will be called right after the element is added to the DOM and is your fastest option.

    These are pretty much your only options as far as something faster than the ready event go for this sort of thing.

    If you want to venture into scaryville, check this out: http://javascriptisawesome.blogspot.com/2011/07/faster-than-jquerydocumentready-wait.html To be honest, I haven’t tried it before.

    • 0