热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何在RequireJS中使用jQueryMobile?-HowusejQueryMobilewithRequireJS?

<scripttypetextjavascriptsrcScriptsjquery-1.8.2.min.js><script><scriptt







But in my Index.js, the jQuery.mobile disappears:

但是在我的Index.js中,jQuery.mobile消失了:

require([], function (view) {
    console.log(jQuery.mobile === undefined && 'undefined!'); // prints 'undefined!'
});

How do I bring mobile back to jQuery ? (I obviously don't care about having some mobile in jQuery, but interested in using jQuery Mobile with RequireJS.. just to make it clear..)

如何将移动设备带回jQuery? (我显然不关心在jQuery中使用一些移动设备,但是对使用带有RequireJS的jQuery Mobile感兴趣...只是为了说清楚..)

Edit 1:

I tried to add require to Index.js:

我试图向index.js添加require:

console.log(jQuery.mobile === undefined && 'undefined!'); // prints 'undefined!'
require(['/Scripts/jquery-1.8.2.min.js', '/Scripts/jquery.mobile-1.2.0.min.js'],
    function (jQuery,jqm, view) {

    console.log(jQuery.mobile === undefined && 'undefined!'); // prints 'undefined!'
});

4 个解决方案

#1


1  

How did you manage to load index.js?
RequireJS adds .js to a file so instead of /comp/pages/Index.js you should use /comp/pages/Index:

你是如何设法加载index.js的? RequireJS将.js添加到文件中,而不是/comp/pages/Index.js,你应该使用/ comp / pages / Index:


#2


0  

I'm assuming you've setup RequireJS and jQuery correctly.

我假设您已正确设置RequireJS和jQuery。

In your Index.js file you need to require the jQuery and jQuery mobile files; for example:

在Index.js文件中,您需要需要jQuery和jQuery移动文件;例如:

require ("/Scripts/jquery");
require ("/Scripts/jquery.mobile");

I will also point out that you should rename your files so that version numbers are not included in the filename - this will allow you to update to newer releases without having to change your code.

我还要指出,您应该重命名文件,以便版本号不包含在文件名中 - 这样您就可以更新到更新的版本,而无需更改代码。

#3


0  

Try an older version of jQuery Mobile to start with.

尝试使用旧版本的jQuery Mobile。

jQuery 1.8.2 won't work with RequireJS, and it can be the case with the latest version of jQuery Mobile as well.

jQuery 1.8.2不能与RequireJS一起使用,并且最新版本的jQuery Mobile也是如此。

You also have to make sure you require the jQuery and jQuery mobile JS files in your code.

您还必须确保在代码中需要jQuery和jQuery mobile JS文件。

I think you should check out this thread: How do I use requireJS and jQuery together?

我想你应该查看这个帖子:我如何一起使用requireJS和jQuery?

Rob

#4


0  

This is my workaround, since up to date, I found no solution to it: I save the global jQuery object/function right after including it in the HTML, in a global variable myGlobalObject:

这是我的解决方法,因为最新的,我找不到它的解决方案:在全局变量myGlobalObject中将全局jQuery对象/函数包含在HTML中之后立即保存:






And then I define new file, jq.js, that returns this global object in the form that RequireJS is familiar with:

然后我定义了一个新文件jq.js,它以RequireJS熟悉的形式返回这个全局对象:

define(function(){
    return myGlobalObject.jQuery;
});

And whenever I need it, I use this "intermediate" module:

每当我需要它时,我都使用这个“中间”模块:

require(['/content/jq.js'], function ($) {
    ...
});

推荐阅读
  • Itwasworkingcorrectly,butyesterdayitstartedgiving401.IhavetriedwithGooglecontactsAPI ... [详细]
  • 本文讨论了在Windows 8上安装gvim中插件时出现的错误加载问题。作者将EasyMotion插件放在了正确的位置,但加载时却出现了错误。作者提供了下载链接和之前放置插件的位置,并列出了出现的错误信息。 ... [详细]
  • CF:3D City Model(小思维)问题解析和代码实现
    本文通过解析CF:3D City Model问题,介绍了问题的背景和要求,并给出了相应的代码实现。该问题涉及到在一个矩形的网格上建造城市的情景,每个网格单元可以作为建筑的基础,建筑由多个立方体叠加而成。文章详细讲解了问题的解决思路,并给出了相应的代码实现供读者参考。 ... [详细]
  • node.jsrequire和ES6导入导出的区别原 ... [详细]
  • 表单提交前的最后验证:通常在表单提交前,我们必须确认用户是否都把必须填选的做了,如果没有,就不能被提交到服务器,这里我们用到表单的formname.submit()看演示,其实这个对于我们修炼道 ... [详细]
  • get()方法用于拦截某个属性的读取操作,如果没有该属性的时候会报一个undefined的,如果结果get处理会返回对应的错误信息varperson{name:张三 ... [详细]
  • 用JavaScript实现的太空人手表
    用JavaScript实现的太空人手表-JS写的太空人手表,没有用canvas、svg。主要用几个大的函数来动态显示时间、天气这些。天气的获取用到了AJAX请求。代码中有详细的注释 ... [详细]
  • 生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型,可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]
  • Linux重启网络命令实例及关机和重启示例教程
    本文介绍了Linux系统中重启网络命令的实例,以及使用不同方式关机和重启系统的示例教程。包括使用图形界面和控制台访问系统的方法,以及使用shutdown命令进行系统关机和重启的句法和用法。 ... [详细]
  • Commit1ced2a7433ea8937a1b260ea65d708f32ca7c95eintroduceda+Clonetraitboundtom ... [详细]
  • 目录实现效果:实现环境实现方法一:基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • Linux环境变量函数getenv、putenv、setenv和unsetenv详解
    本文详细解释了Linux中的环境变量函数getenv、putenv、setenv和unsetenv的用法和功能。通过使用这些函数,可以获取、设置和删除环境变量的值。同时给出了相应的函数原型、参数说明和返回值。通过示例代码演示了如何使用getenv函数获取环境变量的值,并打印出来。 ... [详细]
  • 利用Visual Basic开发SAP接口程序初探的方法与原理
    本文介绍了利用Visual Basic开发SAP接口程序的方法与原理,以及SAP R/3系统的特点和二次开发平台ABAP的使用。通过程序接口自动读取SAP R/3的数据表或视图,在外部进行处理和利用水晶报表等工具生成符合中国人习惯的报表样式。具体介绍了RFC调用的原理和模型,并强调本文主要不讨论SAP R/3函数的开发,而是针对使用SAP的公司的非ABAP开发人员提供了初步的接口程序开发指导。 ... [详细]
  • 本文介绍了如何使用Express App提供静态文件,同时提到了一些不需要使用的文件,如package.json和/.ssh/known_hosts,并解释了为什么app.get('*')无法捕获所有请求以及为什么app.use(express.static(__dirname))可能会提供不需要的文件。 ... [详细]
  • VueCLI多页分目录打包的步骤记录
    本文介绍了使用VueCLI进行多页分目录打包的步骤,包括页面目录结构、安装依赖、获取Vue CLI需要的多页对象等内容。同时还提供了自定义不同模块页面标题的方法。 ... [详细]
author-avatar
焦鹏666_479
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有