使用shim的requirejs未定义Jquery $

时间:2014-03-11 02:58:43

标签: javascript jquery requirejs

我在尝试添加插件/插件时遇到了jQuery无法找到的问题

TypeError: $ is undefined
$.fn.sketch = function () {

我在ASP.net中有以下项目布局

<script type="text/javascript" data-main="<%= ResolveUrl("~/Scripts/VideoApp/")%>app" src="<%= ResolveUrl("~/Scripts/VideoApp/app/require.js") %>"></script>  

文件结构

  • /脚本
    • / VideoApp
    • app.js
      • /应用
        • require.js
      • / lib中
        • 的jquery-1.9.1.min.js
        • Sketch.js
        • spectrum.js
        • domReady.js

app.js

require.config({
    "baseUrl": "/Scripts/VideoApp/lib",
    "paths": {
        "jquery": 'jquery-1.9.1.min',
        "app": "../app"
    },
    shim: {
        "spectrum": {
            deps: ['jquery'],
            exports: 'spectrum'
        },
        "Sketch": {
            deps: ['jquery'],
            exports: 'sketch'
        }
    }
});

require(['domReady'], function (domReady) {
    domReady(function () {
        require(['jquery', 'spectrum', 'Sketch'], function ($) {

            $('#videoSketch').sketch();
        });
    });
});

我没有找到任何404错误文件,似乎没有加载jQuery,我已经尝试将"jquery": 'jquery-1.9.1.min'更改为google托管库 "jquery": '//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min没有成功。

如果有人知道我的设置不正确会很感激反馈!

0 个答案:

没有答案