当前位置: 首页 > 面试题库 >

jQuery Mobile-$ .mobile.changepage不加载外部.JS文件

谷梁云瀚
2023-03-14
问题内容

因此,我很难$.mobile.changePage正常工作。我这样称呼它:

$.mobile.changePage( "DataformsM-AddRecord.html", { transition: "slide"} );

但是由于某种原因,在加载HTML页面时,不包含任何外部.js(我编写的实际上用于执行某些操作的文件)。我遵循以下重要的加载约定

-Jquery
-(CUSTOM JS)
-Jquery Mobile

有谁知道为什么没有正确加载?另外,pageshow函数也不会被触发,这很奇怪。看起来像这样:

$("div[data-role*='page']").live('pageshow', function(event, ui) {

    loadFormFields();

});

现在,页面已呈现,但是没有任何功能发生。如果我入侵它并执行以下操作:

document.location.href="DataformsM-AddRecord.html";

它将正常运行。


问题答案:

jQuery Mobile不会将整个页面拉入dom,它会抓取第 一个 data-role="page"元素及其后代,并将其拉入当前dom。

因此<head>,不会包含该文档中的任何脚本。

我通常将网站的所有功能JavaScript放在索引页面上,然后将外部页面加载到dom中时,它们可以从已经加载的脚本中受益。

另外,您可以将JavaScript代码放置在data-role="page"元素内,并且当jQuery
Mobile完成页面的AJAX加载时,它将包含在其中。

更新

一个好的系统是将所有JS放入一个包含文件,并将其包含在站点的每个页面上。如果将页面通过AJAX引入DOM,则将被忽略,但是如果有人刷新了您网站中的某个位置,则JS将可用。



 类似资料:
  • 问题内容: 到处寻找它,找到答案却迷失了。有谁知道如何从另一个js文件加载外部.js文件? innerHTML可以工作,并且可以粘贴响应文本。问题在于JS无法在该文档中工作。jQuery.getScript应该正在加载该外部js文件,但不会加载 问题答案: 这是您将外部js文件加载到Jquery的方法

  • 本文向大家介绍JS加载器如何动态加载外部js文件,包括了JS加载器如何动态加载外部js文件的使用技巧和注意事项,需要的朋友参考一下 今天在网上找到了一个可以动态加载js文件的js加载器,具体代码如下: JsLoader.js JsLoader.js测试 测试结果如下:

  • 实际开发中,大多数项目,通常是3D美术设计师或建筑、机械等行业工程师提供的由3dmx、blender、substence、Solidworks等软件创建好的三维模型文件。 本章节第一小节以Threejs引擎自身为例,讲解Threejs模型导入导出,该小节对Threejs模型文件本身进行了讲解,让你明白你加载的三维模型文件里面都是包含什么内容。其它章节展示了一些加载外部不同格式模型的案例,除了讲解实

  • 问题内容: 对于AngularJS来说,这很陌生,我想我打算做的术语是延迟加载。我看过几个不同的博客,但没有找到纯粹使用AngularJS的完整工作解决方案。 我知道,如果将in 放到index.html中,则一切正常,我正在尝试减少在初始负载时减少的js数量。 脚本标签位于局部文件中时,它永远不会被加载,因此永远不会创建P1Ctrl。因此,当前,如果用户进入该应用程序而从未去过process55

  • 我正在开发一个Spring Boot应用程序。我想提供一个(相当初级的)插件系统。最初,我希望只将JAR添加到类路径中就足够了,如下所示: 此外,如果我尝试在插件控制器中一个JpaRepository,它会失败,因为它找不到存储库接口类(我猜这是因为我乱弄类加载器引起的问题)。 不过,在我的主应用程序中自动创建存储库就可以很好地工作,因此它的配置不应该是一个问题。 是不是我做错了什么?我是否可以配

  • 问题内容: 在文档底部而不是顶部加载JS的真正好处(如果有)是什么?似乎页面加载和依赖于JS的功能有短暂的延迟。 我正在使用html5boilerplate开始所有模板,但实际上不确定在底部加载JS有多有益。 真的有很大的不同吗?如果是这样,为什么呢? 问题答案: 如果在页面底部包括外部js文件,则将HTTP请求的优先级赋予将显示给客户端的可视显示,而不是交互或动态逻辑。我相信,如果您不使用内容交