javascript - JQuery Mobile、查询字符串和多页面 ID

标签 javascript jquery jquery-mobile

我无法确定我的 JQuery Mobile 网站哪里出了问题。我有一个指向另一个使用查询字符串的 JQuery Mobile 页面的链接。链接看起来像这样。

<li><a href="section.php?d=sb&s=1">News</a></li>

所有正常的内部 JQuery Mobile 链接都不会产生问题。只有使用查询字符串转到另一个 JQuery Mobile 页面的链接才会产生此问题。问题是当点击上面的链接时,我的 dom 变成了这个样子。

enter image description here

看起来像这样。

enter image description here

图像很难在 SO 上看到,所以它们在 imgur 上。 http://imgur.com/a/2Z1Ss

这些是初始页面和第二页外观的 Firebug DOM View 。我的问题是为什么现在有两个具有完全相同 ID 的 DOM 元素?这是,如果我错了,请纠正我,一旦单击此链接,它就不是有效的 HTML 页面。如果我在 JQuery Mobile 中使用查询字符串,那么我缺少什么导致此问题的最佳实践?

我需要做什么来避免同一页面上出现多个 ID,因为它们会导致我的 javascript 函数出现问题。我对这个问题感到困惑,但希望一些 JQM 专家可以向我解释我做错了什么。我确定这很愚蠢。

最佳答案

因为我认为我在做一些愚蠢的事情。我的 index.php 有一个 id="frontpage"的页面,而我的 section.php 有一个 id="frontpage"的页面。我刚刚给 section.php 页面一个新的 id,页面现在有效并且我的功能正常工作。

关于javascript - JQuery Mobile、查询字符串和多页面 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12750227/

相关文章:

javascript - 如何在加载 collada 纹理时调用函数? (三.js)

javascript - AngularjJS 没有对表单中输入数据的页面进行真正的刷新

javascript - 购物车/将多个项目添加到购物车

javascript - Canvas 签名触摸在电话间隙中产生问题

ios - PhoneGap : Added Animated gif to index. 适用于测试设备,但不适用于应用商店下载

javascript - 运行 js 测试 - 获取 "Cannot use import statement outside of a module"

jquery 按钮没有正确对齐

javascript - 如何在 AJAX 调用后将表单重置为新表单(不仅重置值,还验证表单)

javascript - width() 没有返回值

javascript - Cordova 应用无法加载 assets/www 中的任何文件(仅 index.html)