jquery - 如何让 jquery-mobile 和依赖插件与 require.js 一起使用？

Question

我正在第一次尝试实现 Require.js，尽管我正在尝试遵循这两个教程( here 和 here )，但我还没有完全让它发挥作用。这是我到目前为止所拥有的:

在我的索引文件中:

<script type="text/javascript" data-main="../js/main" src="../js/libs/require/require.js"></script>

内部ma​​in.js

require.config({ baseUrl: "../js/",
  paths: {       
   "jq-loader":    "libs/jquery/jquery",
   "jqm-loader":   "libs/jquery-mobile/jquery-mobile",
   "someplug":     "libs/someplug/somplug",
   }
 });
// define app and dependencies??? - not sure what goes here? All plugins I'm using?
require(['app','order!libs/jquery/jquery', 'order!libs/jquery-mobile/jquery-mobile'], 

function(App){
    App.start();
    });

内部jquery.js

 define([ 'order!libs/jquery/jquery.min' ], function(){ return $; });

内部jquery.js(取决于 Jquery)

 // ERROR here in "mobile" being undefined
 define(['order!libs/jquery-mobile/jquery-mobile.min'], function(){ return mobile; });

和app.js

define([ 'jq-loader', 'jqm-loader'], function($, mobile){
    var start = function() {
    $(document).ready(function() {
        alert("Hello world!");
        })
      }
     return {"start":start};
   });

我很高兴到目前为止我已经做到了，但我真的很希望看到一切顺利。现在，我在 jquery-mobile.js 文件中收到错误 mobile is not Define 。我想是因为 Jquery-Mobile 并不真正属于它所在的地方......

有人可以透露一些信息吗？非常感谢!

编辑:
这是我的sample setup的链接

Answer 1

在我看来，当时 jqm 对 jquery 一无所知。所以你会得到一个错误。如果要使用这样的加载器，可能需要在一个 require block 中加载 jquery。比在回调加载 jqm 中多使用一个 require。但是您不需要这些包装加载器来使用 jqm 加载 jquery。

在主js中首先加载jquery，然后加载jqm。这就足够了。此外，您不必在 app.js 中定义它们。

Main.js 应该类似于:

require.config({ baseUrl: "../js/",
  paths: {  
   "app": "path to app",
   "jquery":    "path to jquery",
   "jqm":   "path to jqueryMobile",
   "someplug":     "libs/someplug/somplug",
   }
});
require(['order!jquery', 'order!jqm', 'app'], 

function(jquery, jqm, App){
    App.start();
    });

还有你的app.js:

define([], function(){
  var start = function() {
  $(document).ready(function() {
    alert("Hello world!");
  })
  }
  return {"start":start};
  });

如果没有帮助，请告诉我，并将您的源代码上传到某个地方。问候。