与require.js一起使用时,不会加载jquery

时间:2013-07-08 13:35:53

标签: requirejs

我使用以下代码Html来加载我需要的脚本。我将 $视为未定义。它无法加载jquery。

我怎样才能让它发挥作用。

<html>
<head>
<title>Using The Text Plugin With RequireJS</title>
<script  data-main="Scripts/init type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.6/require.min.js"></script>
<script type="text/javascript" language="javascript">

    require(['jquery', 'knockout-2.2.1', 'Template', 'text!Template.htm'], function ($, ko, t, temp) {

        $("body").append(temp);
        //make this new template engine our default engine
        ko.setTemplateEngine(t.myExternalTemplateEngine(t.templates));

        ko.applyBindings(t);

    });
</script>
</head>

将Init.js中的代码放在一个单独的文件中

require.config({
baseUrl:'Scripts',
paths: {

    'jquery': '//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.js',
    'knockout-2.2.1': '//cdnjs.cloudflare.com/ajax/libs/knockout/2.2.1/knockout-min.js',
    'knockout.mapping-latest': '//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.3.5/knockout.mapping.js',
    'Template': 'Template',
    'text': '//cdnjs.cloudflare.com/ajax/libs/require-text/2.0.5/text',
    'domready': '//cdnjs.cloudflare.com/ajax/libs/require-domReady/2.0.1/domReady.js'
   }

});

1 个答案:

答案 0 :(得分:2)

从路径配置中删除.js:

paths: {
    'jquery': '//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery'
}

this example repo

中的更多细节