jQuery-在所有页面加载后执行附加脚本

Question

I'm currently working on a page that have one iframe and one script adding a menu bar.

The iframe have a script which is long to load, and the other script for the menu have to be add dynamically like this:

jQuery(document).ready(function () {
    var script = document.createElement('script');

    var url = 'URL TO SCRIPT THAT ADD MENU BAR';
    script.type = 'text/javascript';
    script.src = url;
    jQuery("head").append(script);

});

After testing it seems that this code is executed but Chrome wait for the iframe to be completely loaded so the bar appears after few seconds when the iframe page has finished loading.

So is there a way to execute the script appended before the script in the iframe?

Thanks :)

Answer 1

HTML

<iframe onload='load_script()'></iframe>

JS

        function load_script (){
            $.ajax({
                type: "GET",
                url: URL,
                dataType: "script"
            });
        }