热门标签 | 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 ($) {
    ...
});

推荐阅读
  • 本文介绍了Windows驱动开发的基础知识,包括WDF(Windows Driver Framework)和WDK(Windows Driver Kit)的概念及其重要特性,旨在帮助开发者更好地理解和利用这些工具来简化驱动开发过程。 ... [详细]
  • 本文详细介绍了如何手动编写兼容IE的Ajax函数,以及探讨了跨域请求的实现方法和原理,包括JSONP和服务器端设置HTTP头部等技术。 ... [详细]
  • 使用 NDB 提升 Node.js 应用调试体验
    本文介绍了由 Google Chrome 实验室推出的新一代 Node.js 调试工具 NDB,旨在为开发者提供更加高效和便捷的调试解决方案。 ... [详细]
  • JavaScript 实现购物商城商品图片放大功能
    本文介绍了如何使用 JavaScript 和 CSS 实现购物商城中商品图片的放大功能,解决了图片放大时文字位置变化的问题,并提供了详细的代码示例。 ... [详细]
  • [转] JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别
    ECMAScript将对象的属性分为两种:数据属性和访问器属性。每一种属性内部都有一些特性,这里我们只关注对象属性的[[Enumerable]]特征,它表示是否通过for-in循环 ... [详细]
  • 本文详细介绍了如何通过 `vue.config.js` 文件配置 Vue CLI 的打包和代理设置,包括开发服务器配置、跨域处理以及生产环境下的代码压缩和资源压缩。 ... [详细]
  • 本文介绍如何使用 jQuery 的 AJAX 方法从服务器获取 JSON 数据,并通过遍历这些数据来创建包含公司及其产品信息的数组。 ... [详细]
  • 首先说一下,这是我在CSDN上的第一个文章,其实这个账号早在几年前就申请了,不过当时只是为了下载一个资源,而且也不怎么懂信息技术相关的领域,后来就再也没怎么动过,直到今天我才开始使用这个账号 ... [详细]
  • 嗨,我正在为我的api调用使用axious,并且无法在nodejs中解析我的数据,不确定为 ... [详细]
  • 本文探讨了PHP中使用命名空间和自动加载机制的重要性,特别是在大型项目中,如何有效管理和加载文件,避免代码冗余,提高开发效率。 ... [详细]
  • 本文详细介绍了C++标准模板库(STL)中各容器的功能特性,并深入探讨了不同容器操作函数的异常安全性。 ... [详细]
  • 深入理解FastDFS
    FastDFS是一款高效、简洁的分布式文件系统,广泛应用于互联网应用中,用于处理大量用户上传的文件,如图片、视频等。本文探讨了FastDFS的设计理念及其如何通过独特的架构设计提高性能和可靠性。 ... [详细]
  • 本文详细介绍了如何在VMware环境下安装CentOS 7 Minimal,并成功配置GNOME桌面环境的过程。包括解决网络连接问题和设置默认图形界面等关键步骤。 ... [详细]
  • 本文深入探讨了JavaScript中运算符的优先级与结合性的相关知识,通过具体实例解析了不同运算符在表达式中的执行顺序,帮助开发者更好地理解和使用JavaScript运算符。 ... [详细]
  • 前端监控系列2 | 深入探讨JS错误监控的重要性与实践
    作者:彭莉,火山引擎APM研发工程师,专注于前端监控技术的研发。本文将深入讨论JS错误监控的必要性及其实现方法,帮助开发者更好地理解和应用这一技术。 ... [详细]
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社区 版权所有