jQuery破碎的href [关闭]答案

【问题标题】：jQuery broken href [closed]jQuery破碎的href [关闭]
【发布时间】：2012-04-28 21:43:57
【问题描述】：

我有一个 jQuery Mobile 应用程序。该应用程序从后端提取 JSON 数据并将其呈现给用户。

从过去 2 天开始，我遇到了一个奇怪的问题。在向用户展示数据时，我尝试使用<a href="url"></a> 标签。这是一个非常简单的代码行，我就是不明白这么简单的东西有什么问题。

代码片段

$.each(obj, function(entryIndex, entry) {
            //some code
         html += '<a href="retrieveDetails.jsp?reference=' + entry.reference + '"><h3 class="term">' + entry['name'] + '</h3></a>';
         //some more code
      });

问题

当我尝试单击超链接时，我在 FireBug 控制台中看到以下错误。

j.data("page") is undefined
animationComplete()jquery....min.js (line 54)
error()

我在用什么？

<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.js"></script>

如果有人可以指导我，我将不胜感激。

谢谢

【问题讨论】：

没有足够的信息来给出答案。单击锚点时是否重定向？新页面发生了什么？
不，没有重定向。当我单击超链接时，我在 FireBug 控制台窗口中看到以下错误。 .data("page") is undefined animationComplete()jquery....min.js (line 54) error()jquery....min.js (line 59) [Break On This Error] ...Scroll" ,S);H.data("page")._trigger("beforehide",null,{nextPage:j})}j.data("page"... jquery....min.js (第 54 行)查看错误，它似乎与我导入的 jQuery JavaScript 库有关。
将您的完整代码粘贴到 jsFiddle 演示中
我们需要查看点击处理程序的整个代码。显然 clickhandler 中发生了错误，但您选择只向我们显示一些与错误消息无关的代码。
谢谢，但它并没有真正的帮助

标签： jquery jquery-mobile

【解决方案1】：

这里有几件事。

您正在使用旧的不稳定版本的 JQM。升级到最新的稳定版本。
我怀疑您链接到的页面不包含 div 数据角色=“页面”。这可能是错误说 j.data("page") 未定义的原因。当 JQM(jQuery mobile) 抓取您的其他页面时查找具有该数据属性的 div。那就是它的部分插入到原始页面 dom 中。

这是 JQM 在将新页面插入 dom 时查找的 div 示例。

<div data-role="page">
    <div data-role="content">
        <h1>Hello World</h1>
    </div>
</div>

【讨论】：