分类导航

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery-mobile – jquery mobile require.js和骨干网，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我真的在努力与require.js和jquery手机。我有一个基于松散的文件结构和加载模式

https://github.com/appboil/appboil-requirejs-backbonejs-jquerymobile-phonegap

但它是老的，我不得不对require 2.0版本进行修改。是否有社区接受的方式使用jquery mobile，BACkbonejs和requirejs在一起？我想使用骨干的路由而不是jquery手机。此外，该模板有电话沟通，我不关心。

这是我使用的main.js文件

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();
    });
});

最后一点非常重要，以使JQM正确加载(实际上是功能)。这部分：

require([
      'jquery','jquery.mobile.asyncfilter'
    ],App ){
        $(function(){
          App.initialize();
        });
    });

由于我需要jquery jquery(jquery mobilE)，我将加载它们，并感谢上面的垫片代码，依赖关系以正确的顺序加载。我实际上并没有将任何jqm变量传递给函数调用，它只传递$和App。下一个重要的部分是jqm-config 文件：

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

您可以将jqm的所有preinit代码放在该文件中。毕竟，你应该可以使用jqm！