仅动态包含javascript文件一次

我有一个我写的javascript函数,它被用来包含一个外部JS文件,但只有一次.我需要这样一个函数的原因是因为在通过AJAX加载某些内容时调用它并且我需要为该内容运行特定于页面的代码(不,只是使用.live不会覆盖它).

这是我的尝试,为简洁而缩短:

$.include_once = function(filename) {
    if ($("script[src='" + filename + "']").length === 0) {
        var $node = $("")
            .attr({
                src : filename,
                type : "text/javascript"
            })
        ;
        $(document.body).append($node);
    }
};

这样可以正常工作:调用该函数,它加载外部文件,并在加载时运行该文件.完善.

问题是它将始终重新加载该外部文件:我用来检查脚本是否存在的查询总是找不到任何东西!

在调试时,我添加了一些行:

alert($("script").length);     // alerts: 4
$(document.body).append($node);
alert($("script").length);     // alerts: 4

查看动态源代码(Firebug的HTML选项卡),我根本找不到脚本标记.

我知道我可以维护一个我以前包含的文件数组,但是我希望使用这样的方法,如果它工作的话,它看起来更健壮了,因为不是所有的JS文件都是以这种方式包括在内.

任何人都可以解释在第二个片段中看到的行为吗？

在这种情况下,jQuery有点愚蠢; 它完全不符合你的期望.当你append($node)jQuery做到这一点:

jQuery.ajax({
  url: $node.src,
  async: false,
  dataType: "script"
})

Woops!对于本地文件(例如在同一个域上),jQuery XMLHttpRequest为.js文件体执行标准,并通过创建

大大炮

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

• actionscrip
• bash
• c#
• c++
• c语言
• erlang
• flutter
• go
• golang
• java
• javascript
• lua
• node.js
• perl
• php
• python
• scala
• typescript

RankList | 热门文章

• 1如何在多列中使用groupby转换
• 2Laravel 5.1验证规则alpha不能占用空格
• 3如何使对象仅在three.js场景中对一个摄像机可见
• 4使用VS2015 Update 1编译时表达式破坏代码
• 5导入我的自定义模块/框架Xcode Swift
• 6TableView与协议UITableViewDataSource与Xib文件的冗余一致性
• 7为什么Go函数字段设置器不保留功能？
• 8选择器在jQuery中获得最佳性能？
• 9我如何获得一个函数来调用调用它的函数？
• 10Github创建空分支
• 11PhantomJS捕获移动浏览器的屏幕截图
• 12如何为从pandas DataFrame创建的条形图设置x轴刻度位置？
• 13检查是否有东西增加了1
• 14动态编程（Codility Q：NumberSolitaire）
• 15Apache Thrift:在列表之前使用"可选"时,C++服务器似乎不能正确返回它
• 16我在哪里可以看到路径中的文件getApplicationContext().getFilesDir()
• 17tvOS如何识别Objective C的远程手势？
• 18Tomcat on VPS上缺少webapps
• 19如何在动画时使用UIButton
• 20为什么在调用printf时会覆盖EDX的值？