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

如在Javascript中未将其加载到jQuery mobile中的dom中

平航
2023-03-14
问题内容

我有一个page1.html,其中有这样的链接:

<a href="page2.html">PAGE2</a>

一部分page2.html是这样的:

<html>
<head>
</head>
<body>
<div data-role="page">
</div>
<script src="file1.js"></script>
<script src="file.js"></script>
</body>
</html>

还有这个:

<html>
<head>
</head>
<body>
<div data-role="page">
</div>
<div data-role="page">
<script src="file1.js"></script>
<script src="file.js"></script>
</div>
</body>
</html>

这两个js文件在上实现了某些功能page2.html,但是当page2.html通过page1.html
这两个文件导航到该文件时,将无法正常工作,但在完成此操作后,data- ajax="false"该文件将起作用。怎么了。应该scripts放在哪里?我需要默认设置,ajax以使过渡更加平滑。


问题答案:

根据您更新的问题,您 不能单页模型多页模型 混合使用。当您首先加载 page2.html时data- role="page,仅第一个加载。其他任何事情都可以忽略。

例:

index.html(已加载第一页)- <html>无论启用还是禁用Ajax,其中的所有标签都将加载到DOM中。

<html>
  <head>
    <!-- JS, CSS, etc.. -->
  </head>
  <body>
    <!-- pages -->
  </body>
</html>

page2.html- 启用*data-role="page" Ajax时,除FIRST 及其内容以外的所有标记均被忽略。 *

<!-- libraries in head are neglected -->
<head>
  <!-- JS, CSS, etc.. -->
</head>
<body>

<!-- ONLY first page is loaded -->
  <div data-role="page">
   <!-- JS -->
  </div>
<!-- next pages are neglected -->
  <div data-role="page">
  </div>
</body>

当使用 Single Page Model启用 Ajax时,您必须在其中放置 外部 页面的JS库/代码<div data- role="page">

<div data-role="page">
  <script src="file1.js"></script>
  <script src="file.js"></script>
</div>

jQuery Mobile的加载 外部 通过Ajax的页面,它加载只有先<div data- role="page"><body,而忽略其他任何标记出方 格。



 类似资料:
  • 问题内容: 我正在使用Selenium WebDriver尝试将外部javascript文件插入DOM中,而不是将整个内容键入到executeScript中。 看起来好像已将节点正确放置到DOM中,但是随后它只是忽略了源代码,即,所述源js文件上的函数未运行。 这是我的代码: 我链接到的javascript文件的代码是 我已将js文件放在本地主机上,使用file:///进行了调用,并在外部服务器上

  • 我使用Selenium WebDriver尝试将外部javascript文件插入到DOM中,而不是将整个文件输入到Executescript中。 它看起来像是正确地将节点放入了DOM,但它只是忽略了源,即源js文件上的函数不运行。 下面是我的代码: 我链接到的javascript文件的代码是 我将js文件放在本地主机上,使用file:///调用它,并在外部服务器上进行了尝试。没有骰子。 我还尝试了

  • 问题内容: 我知道这个问题已经被问过很多次了,但是我还没有找到一个明确而有用的答案,所以我想我会以更清晰的格式写这个问题吗? 问题是,当您使用.load()函数并且您需要在加载的文件中运行的javascript时,由于我猜测DOM已经加载,因此无法正常运行。 解决此问题的简单方法是再次将javascript再次加载到已加载的文件中,但是如果要加载的文件很多,则到处都是javascript并不是很好

  • 问题内容: 有一些第三方Javascript库具有某些功能,我想在Node.js服务器中使用。(特别是我想使用找到的QuadTree javascript库。)但是这些库只是简单的文件,而不是“ Node.js库”。 因此,这些库未遵循Node.js对其模块期望的语法。据我了解,这意味着当您这样做时,或者最终将得到一个没有公共可访问功能的模块,等等。 然后我的问题是“我如何将一个任意的javasc

  • 我想加载(要求)一个包含json模式的文件夹,这些模式具有基于其文件的引用。 换句话说,我有 并在同一文件夹中的另一个文件中: 这些模式在sperate文件中,现在应该加载到JS中,以便针对json对象进行验证。但是,文件夹内的引用应该仍然有效。 这就是为什么我的问题是,是否以及如何能够加载一个装满json文件的文件夹,而不需要中断引用。 这个库将使用这些模式来验证json对象:https://g

  • 问题内容: 我正在为业余时间使用的聊天应用程序编写JS,并且需要具有根据用户提交的数据而变化的HTML标识符。从概念上讲,这通常有些不稳定,以至于我什至都不会尝试,但是这次我没有太多选择。然后,我需要做的是转义HTML ID,以确保它不会允许XSS或破坏HTML。 这是代码: 避免上述任何问题的最佳逃脱途径是什么?如您所见,现在我正在使用内置函数,但不确定将其与其他替代方案相比有多好。在输入到文本