使用jQuery包含JS文件

Question

我在使用jQuery引入JS文件时遇到了问题。虽然我找到了很多资源，但他们对我来说都不起作用。我非常确定js文件的路径是正确的。这是我的两次尝试：

第一种方法（我更倾向于使用）可以使用标签（用于引入CSS文件），但无法使用

- ArWebDev

---

你必须转义结束标签 <\/script>。 - mplungjan

你意识到它们都是GET请求了吗？ ;) - epascarello

$('head').append('<script type="text/javascript" src="'+addon+'"></script>'); Is it right way to append external js in our head section dynamically - Anup

Answer 1

你考虑过吗：

$('<script />', { type : 'text/javascript', src : addon}).appendTo('head');

这样可以避免手动转义</script>闭合标签。

- David Thomas

---

不错，没有想到。 - mplungjan

@mplungjan：谢谢！我喜欢简洁明了（只有在思维清晰的情况下...) =) - David Thomas

太棒了，伙计们你们真是太棒了，这两个解决方案都是正确的:D 非常感谢！ - ArWebDev

当然，非常感谢您的欣赏；我很高兴能够帮助到您，并感谢您的接受。=) - David Thomas

@DavidThomas 这是我见过的最漂亮的方法。请给我提供一个链接，让我可以了解更多关于这种使用jQuery对象的细节？谢谢。 - techie_28

Answer 2

你必须转义结束标签 <\/script> ，否则你会过早地关闭脚本

- mplungjan

Answer 3

尝试使用以下代码：

$.holdReady(true); $.getScript("sample.js", function() { $.holdReady(false); });

这可以确保在onready对象被触发之前，您的js已完全加载，因此您可以确保动态包含的js的任何对象/函数都可用。

- Mangesh Borkar

Answer 4

尝试

$.when(
    $.getScript( "sample.js" ),
    $.getScript( "simple.js" ),
    $.getScript( "jquery.js" ),
    $.Deferred(function( deferred ){
    $( deferred.resolve );
    })
    ).done(function(){
        //place your code here, the scripts are all loaded
});

- Manjunath