在通过AJAX加载的DOM中运行动态注入的javascript(尝试使用history.js ajaxify网站)

Question

我有一个基本上有页眉,页脚和正文视图的Web应用程序.我正在使用history.js库和HTML5 pushstate来开发网站,但我遇到的一个问题是在javascript插入DOM时运行嵌入式javascript.

几乎我所有的javascript都包含在jQuery中(function(){...})(文档就绪加载器)

有谁知道处理这个问题的好策略？谢谢!

Answer 1

如果我理解你,你的"页面"只是一个动态加载的HTML容器.在该HTML中,您拥有当前不执行的JavaScript脚本块.那是对的吗？它们是页面脚本还是新脚本文件的链接？

在任何情况下,我认为这回答了你的问题:你如何执行动态加载的JavaScript块？

我自己的想法:

除非你的容器非常通用,因此无法知道你可能需要什么样的JavaScript,最简单的方法可能只是手动将所有JavaScript附加到容器页面,以便它加载容器,可能缩小并连接成一个文件.

如果你需要动态加载脚本,但是你知道它们是什么,你可以使用.getScript()或.ajax()来使用jQuery.我认为这个页面拼写得很好,http://www.electrictoolbox.com/jquery-dynamically-load-javascript-file/.

同样,如果您在获取html块之前不知道需要哪些脚本,则可能会解析html脚本链接并通过添加到页面的新脚本元素手动附加它们.例如,下面的脚本将jQuery添加到页面(如果它尚不存在).

(function () {

    if (typeof(jQuery) == "undefined") {
        var headID = document.getElementsByTagName("head")[0];         
        var newScript = document.createElement('script');
        newScript.type = 'text/javascript';
        newScript.id = 'myjQuery';
        newScript.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js';
        headID.appendChild(newScript);
    }

    window.addEventListener('load', function (e)  {

        //make jQuery calls here.

    }, false);

})();