javascript - 无法要求 jqueryui

Question

我尝试要求 jquery UI 库，但如果我尝试使用它们未定义的函数。

这是代码

RequireJS 2.1.11

    <script data-main="/js/lpapi/v3/qfapi.js" src="/vendor/requirejs/require.min.js"></script>

qfapi.js

(function() {
  require.config({
    paths: {
      jquery: '/jquery/jquery-1.11.0.min',
      jqueryui: '/vendor/jqueryui/jquery-ui-1.10.4.custom.min',
      backbone: '/vendor/backbone/backbone-min',
      underscore: '/vendor/underscore/underscore-min'
    },
    shim: {
      "jqueryui": {
        deps: ['jquery'],
        exports: '$'
      },
      "underscore": {
        exports: "_"
      },
      "backbone": {
        exports: 'Backbone',
        deps: ['underscore', "jquery"]
      }
    }
  });

  define(["jquery", "jqueryui", "backbone", "underscore"], function($, _, Backbone) {
    console.log("jquery is loaded");
    console.log("jqueryui is loaded");
    console.log("underscore is loaded");
    console.log("backbone is loaded");
    $("#accordion").accordion();
    return true;
  });

}).call(this);

“ Accordion ”不是一个函数。

有什么想法吗？

Answer 1

您显示的代码存在一些问题。您的 define 调用应该是 require 调用。并且您的参数列表不正确:

require(["jquery", "backbone", "underscore", "jqueryui"], function($, _, Backbone) {

您在问题中的方式 _ 将获得未定义的值，并且 Backbone 将绑定(bind)到 underscore 模块。

您的 data-main 不应包含 .js 扩展名。 data-main 的值是模块名称。 RequireJS 的模块名称通常不应包含扩展名。