javascript - Jquery OnLoad - 奇怪的行为

Question

我有这个功能:

$("#loading_button").click(function(){
    (function() {
        var s = document.createElement("script");
       s.type = "text/javascript";
        s.async = true;
        s.src = '//some_src/';
        var x = document.getElementsByTagName('script')[0];
        s.onload = function() {
            alert("OK");
            $('#my_button').trigger('click');
        };
        x.parentNode.insertBefore(s, x);
    })();
}); 

有了警报，一切正常。 src 脚本中的 #my_button 会自动单击。问题是，一旦我删除alert()，触发器，点击触发器就不再被调用。

知道为什么吗？

Answer 1

尽量不要直接调用你的代码，而是将其绑定(bind)到 document.ready ；

$(document).ready(function(){ // <-- look here
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.async = true;
    s.src = '//some_src/';
    var x = document.getElementsByTagName('script')[0];
    s.onload = function() {
        alert("OK");
        $('#my_button').trigger('click');
    };
    x.parentNode.insertBefore(s, x);
}); // <-- and here