Question

我正在尝试使用jQueryMobile，Backbone和RequireJs设置项目。以下是相关的代码段：

require([ "jquery", "backbone", "routers/mobileRouter" ], 
    function( $, Backbone, Mobile ) {
        /* do something */
    }
) ;

它实际上来自here。运行代码在'routers / mobileRouter'上提供404

GET http://localhost:9000/scripts/routers/mobileRouter.js 404 (Not Found)

例如，如果我在项目中搜索“mobileRouter.js”，我会得到以下内容

./app/bower_components/jquery-mobile/demos/examples/backbone-require/js/routers/mobileRouter.js
./app/bower_components/jquery-mobile/dist/demos/examples/backbone-require/js/routers/mobileRouter.js

这些是演示/示例，所以我应该如何加载它，也许我需要安装其他软件包？任何有关此文档的链接都可以帮助我！

更新：这是所有的js代码

// Sets the require.js configuration for your application.
require.config( {

    // 3rd party script alias names (Easier to type "jquery" than "libs/jquery-1.8.3.min")
    paths: {
        // Core Libraries
        jquery:      '../bower_components/jquery/jquery',
        backbone:    '../bower_components/backbone/backbone',
        underscore:  '../bower_components/underscore/underscore',
        jquerymobile:'../bower_components/jquery-mobile/dist/jquery.mobile.min'

    },

    // Sets the configuration for your third party scripts that are not AMD compatible
    shim: {

        "backbone": {
            "deps": [ "underscore", "jquery" ],
            "exports": "Backbone"  //attaches "Backbone" to the window object
        },
        "jquery.mobile": ['jquery']
    } // end Shim Configuration
} );

// Includes File Dependencies
require([ "jquery", "backbone", "routers/mobileRouter" ], function( $, Backbone, Mobile )       {

    $( document ).on( "mobileinit",
        // Set up the "mobileinit" handler before requiring jQuery Mobile's module
        function() {
            // Prevents all anchor click handling including the addition of active button state and alternate link bluring.
            $.mobile.linkBindingEnabled = false;

            // Disabling this will prevent jQuery Mobile from handling hash changes
            $.mobile.hashListeningEnabled = false;
        }
    );

    require( [ "jquerymobile" ], function() {
        // Instantiates a new Backbone.js Mobile Router
        this.router = new Mobile();
    });
} );

Answer 1

只需在路径中添加另一个键/值：

paths: {
    // Core Libraries
    jquery:      '../bower_components/jquery/jquery',
    backbone:    '../bower_components/backbone/backbone',
    underscore:  '../bower_components/underscore/underscore',
    jquerymobile:'../bower_components/jquery-mobile/dist/jquery.mobile.min',
    jquerymobilerouter: '../bower_components/jquery-mobile/demos/examples/backbone-require/js/routers/mobileRouter.js'
},

然后你可以像这样使用它：

require(["jquery", "backbone", "jquerymobilerouter"], function($, Backbone, MobileRouter) {
});

jQuery Mobile和骨干 - 如何加载“路由器/移动路由器”

1 个答案: