Question

我有两个data-role="page" div，“内容”和“链接”。内容是默认页面，带有用于显示链接的按钮：

<a data-role="button" href="#links" data-transition="slide">More</a>

如果$.mobile.ajaxLinksEnable = false，则以下内容被破坏：

它不会链接到同一页面上的书签。即它从example.com/randompage.html链接到example.com/#links
如果我向锚点添加data-ajax="true"，转换（幻灯片）将失败甚至。

HTML：

<!DOCTYPE html> 
<html> 
<head> 
<title>Example for SO</title> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script> 
<script> 
$.mobile.ajaxLinksEnabled = false;
</script> 
</head> 
<body> 
<div data-role="page" id="content"> 
    <a data-role="button" href="#links" data-ajax="true" data-transition="slide">More</a> 
    Text here
</div> 
<div data-role="page" id="links"> 
    <a data-role="button" href="" data-rel="back">Back</a> 
    <div>A bunch of extra links here</div> 
</div> 
</body> 
</html>

P.S。我意识到这可能是一个库错误，而不是我的错。

修改：已删除实例示例链接。

Answer 1

尝试将data-url属性添加到页面div。即使页面通常使用ajax加载，该属性的存在也会告诉框架所请求的URL已经在页面上，并且不需要再次加载。

您可能还需要data-dom-cache来防止页面在被隐藏时被删除。

JQuery Mobile - 禁用ajax时转换失败

1 个答案: