Question

我有一个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>

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

由于

Answer 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>

jQuery打破了href

代码段

问题

我在用什么？

1 个答案: