Question

我正在尝试使用requirejs加载插件但偶尔会出现错误，“$ .fn未定义”但如果我重新加载页面错误消失几乎就像现在jquery被缓存一样，问题就被删除了。我正在加载我的库：

require(["jquery-1.4", "/script/jquery.autoSuggest.packed.js"], function($) {
   $(function() {
       //code
    });
});

您能否看到此实现是否有任何错误会导致此错误？需要将js添加到页面中，如下所示：

<script type="text/javascript" src="http://website.co.uk/frameworks/requirejs/0.2.4/sharedmodules/require.js">
</script> 
<script type="text/javascript">  requireMap = {
     "jquery-1.4":"http://website.co.uk/sharedmodules/jquery-1.4"
}; 

    require({ baseUrl: 'http://website.co.uk/', paths: requireMap });      
</script>

这不能改变，因为它是我正在使用的框架的一部分。

有什么建议吗？

谢谢！

Answer 1

订单插件已删除。使用垫片加载如下

requirejs.config({
   paths: {
        'jquery': 'https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min',
        'bootstrap': '../bootstrap/js/bootstrap.min',
        'select2': 'vendor/select2',
        'jshashtable': 'vendor/jshashtable-2.1',
        'jquery.numberformatter': 'vendor/jquery.numberformatter-1.2.3.min',
        'jq-datepicker': 'vendor/bootstrap-datepicker',
        'jq-datepicker.da': 'vendor/bootstrap-datepicker.da'
    }, 

    // Use shim for plugins that does not support AMD
    shim: {
        'bootstrap': ['jquery'],
        'select2': ['jquery'],
        'jq-datepicker': ['jquery'],
        'jshashtable': ['jquery'],
        'jquery.numberformatter': ['jquery', 'jshashtable']
    },

});

参考：http://requirejs.org/docs/api.html#config-shim

Answer 2

您需要使用order plugin。默认情况下，RequireJS尽可能快地加载脚本，并且它们可以无序加载。但是，订单插件将保持脚本加载的顺序。

如果使用优化器优化脚本，请确保在优化脚本中包含jQuery和插件。

Answer 3

您可能需要结帐https://github.com/jquery-boilerplate/patterns

它有一些很好的样板jQuery插件代码，可以使用RequireJS。

我认为在这些模式适合您之前，您可能需要将jQuery升级到1.7。

需要加载插件

3 个答案: