blocks|key|553500|text|你可以查看backbonejs+boilerplate的最新版本，或者查看christophe的backbone+directory，它包含了启动basic应用程序所需的所有内容。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|553501|编辑|553502|https://github.com/raDiesle/backbone.js-jquerymobile-boilerplate-template|553503|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/gfranko/Backbone-Require-Boilerplate|1|https://github.com/ccoenraets/backbone-directory|2^0|5|M|0|1C|I|1|0|0|0|21|2|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]|$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|6|7|Z|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|H|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]|R|$5|K|L|M|C|$N|G]]]]

You can check the recent release of <a href="https://github.com/gfranko/Backbone-Require-Boilerplate" rel="nofollow">backbonejs boilerplate</a> or check christophe's <a href="https://github.com/ccoenraets/backbone-directory" rel="nofollow">backbone directory</a> which includes all the necessary stuff to start basic app.

<h2>Edit</h2>

<a href="https://github.com/raDiesle/backbone.js-jquerymobile-boilerplate-template" rel="nofollow">https://github.com/raDiesle/backbone.js-jquerymobile-boilerplate-template</a>

blocks|key|337192|text|下面是我使用的main.js文件...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|337193|require.config({
++baseUrl:+"/js/",
++paths:+{
++++jquery:+'libs/jquery/jquery-1.7.1',
++++'jquery.mobile-config':+'libs/jqm/jquery.mobile-config',
++++'jquery.mobile':+'libs/jqm/jquery.mobile-1.1.0',
++++'jquery.mobile.asyncfilter':+'libs/jqm/asyncfilter',
++++underscore:+'libs/underscore/underscore-1.3.3',
++++backbone:+'libs/backbone/backbone-0.9.2',
++++templates:+'../templates'
++},
++shim:+{
++++++++++'underscore':+{
++++++++++++exports:+"_"
++++++++++},
++++++++++'backbone':+{
++++++++++++++//These+script+dependencies+should+be+loaded+before+loading
++++++++++++++//backbone.js
++++++++++++++deps:+['jquery','underscore'],
++++++++++++++//Once+loaded,+use+the+global+'Backbone'+as+the
++++++++++++++//module+value.
++++++++++++++exports:+'Backbone'
++++++++++},
++++++++++'jquery.mobile-config':+['jquery'],
++++++++++'jquery.mobile':+['jquery','jquery.mobile-config'],
++++++++++'jquery.mobile.asyncfilter':+['jquery.mobile'],
++++++++}
});

require([
++'jquery',
++'app',
++'jquery.mobile','jquery.mobile.asyncfilter'
],+function(+$,+App+){
++++$(function(){
++++++App.initialize();
++++});
});|code-block|syntax|javascript|337194|最后一位对于让JQM正确加载(以及实际运行)非常重要。这部分：|337195|require([
++++++'jquery',
++++++'app',
++++++'jquery.mobile','jquery.mobile.asyncfilter'
++++],+function(+$,+App+){
++++++++$(function(){
++++++++++App.initialize();
++++++++});
++++});|337196|因为我需要jquery+for+jqm+(jquery+mobile)，所以我将加载它们，多亏了上面的shim代码，依赖项才能以正确的顺序加载。我实际上没有向函数调用传递任何jqm变量，它只传递$和App。下一个重要的部分是jqm-config文件：|337197|define(['jquery'],+function+($)+{
++++++$(document).on("mobileinit",+function+()+{
++++++++++$.mobile.ajaxEnabled+=+false;
++++++++++$.mobile.linkBindingEnabled+=+false;
++++++++++$.mobile.hashListeningEnabled+=+false;
++++++++++$.mobile.pushStateEnabled+=+false;
++++++});
});|337198|您可以将jqm的所有preinit代码放在该文件中。完成所有这些之后，您应该能够使用jqm了！|337199|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Here is the main.js file I use...

<pre><code>require.config({
 baseUrl: "/js/",
 paths: {
 jquery: 'libs/jquery/jquery-1.7.1',
 'jquery.mobile-config': 'libs/jqm/jquery.mobile-config',
 'jquery.mobile': 'libs/jqm/jquery.mobile-1.1.0',
 'jquery.mobile.asyncfilter': 'libs/jqm/asyncfilter',
 underscore: 'libs/underscore/underscore-1.3.3',
 backbone: 'libs/backbone/backbone-0.9.2',
 templates: '../templates'
 },
 shim: {
 'underscore': {
 exports: "_"
 },
 'backbone': {
 //These script dependencies should be loaded before loading
 //backbone.js
 deps: ['jquery','underscore'],
 //Once loaded, use the global 'Backbone' as the
 //module value.
 exports: 'Backbone'
 },
 'jquery.mobile-config': ['jquery'],
 'jquery.mobile': ['jquery','jquery.mobile-config'],
 'jquery.mobile.asyncfilter': ['jquery.mobile'],
 }
});

require([
 'jquery',
 'app',
 'jquery.mobile','jquery.mobile.asyncfilter'
], function( $, App ){
 $(function(){
 App.initialize();
 });
});
</code></pre>

The last bit is very important to get JQM to load correctly (and actually function). This part:

<pre><code>require([
 'jquery',
 'app',
 'jquery.mobile','jquery.mobile.asyncfilter'
 ], function( $, App ){
 $(function(){
 App.initialize();
 });
 });
</code></pre>

Since i need jquery for jqm (jquery mobile), i'll load them all and thanks to the shim code above, the dependencies are loaded in the correct order. I don't actually pass any jqm variable into the function call, which only passes $ and App. The next important part is the jqm-config file:

<pre><code>define(['jquery'], function ($) {
 $(document).on("mobileinit", function () {
 $.mobile.ajaxEnabled = false;
 $.mobile.linkBindingEnabled = false;
 $.mobile.hashListeningEnabled = false;
 $.mobile.pushStateEnabled = false;
 });
});
</code></pre>

You can place all of your preinit code for jqm in that file. After all that, you should be able to use jqm!

blocks|key|553632|text|我刚刚在jQuery移动文档中添加了一个backbone.js、require.js和jQuery移动小示例应用程序。如果有帮助，请让我知道：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|553633|http://demos.jquerymobile.com/1.4.4/backbone-requirejs/backbone-require.html|offset|length|553634|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|24|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

I just addeed a backbone.js, require.js, and jQuery Mobile small example app to the jQuery Mobile documentation. Let me know if this helps:

<a href="http://demos.jquerymobile.com/1.4.4/backbone-requirejs/backbone-require.html" rel="nofollow">http://demos.jquerymobile.com/1.4.4/backbone-requirejs/backbone-require.html</a>

blocks|key|553680|text|如果你使用的是r.js，要求优化器，这是一个关于jquery.mobile和config问题的兴趣链接：https://github.com/jrburke/requirejs/issues/358|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|553681|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jrburke/requirejs/issues/358^0|1G|1B|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you're using r.js, requirejs optimizer, this is an interest link about issues with jquery.mobile and config:
<a href="https://github.com/jrburke/requirejs/issues/358" rel="nofollow">https://github.com/jrburke/requirejs/issues/358</a>

I'm really struggling with require.js and jquery mobile. I have a loosely based file structure and loading pattern based off of

<a href="https://github.com/appboil/appboil-requirejs-backbonejs-jquerymobile-phonegap" rel="noreferrer">https://github.com/appboil/appboil-requirejs-backbonejs-jquerymobile-phonegap</a>

but it's old and I had to make adaptions for the require 2.0 version. Is there a community accepted way of using jquery mobile, backbonejs and requirejs together? I'd like to use backbone's routing and not jquery mobiles. Additionally, that template has phonegap, which i'm not concerned with.

jquery mobile require.js and backbone

路由

jQuery

我真的很纠结于require.js和jquery mobile。我有一个基于松散的文件结构和加载模式，基于但是它太旧了，我不得不为Require2.0版本做一些调整。有没有一种社区认可的方式来同时使用jquery mobile，backbonejs和requirejs？我想使用backbone的路由，而不是jquery...

问jquery移动require.js和主干
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery移动require.js和主干EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery移动require.js和主干
EN