Jquery移动设备中的标头链接无法正常工作

时间:2013-01-05 13:38:24

标签: jquery-mobile

我在移动网站上使用以下内容,但是当我点击主页按钮时,我只是得到了加载圈,而我想要的页面永远不会解决:

<div data-role="header" data-theme="b" style="height:50px; padding:3px;">
    <img src="/m/images/logo2.png">
    <a href="/m/" class="ui-btn-right" data-icon="home" data-iconpos="notext" 
       data-direction="reverse">Home</a> 
</div>

这是我正在使用的版本:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

即使您在href中使用绝对路径,也不能像这样使用它:

<a href="/m/" class="ui-btn-right" data-icon="home" data-iconpos="notext" 
   data-direction="reverse">Home</a> 

您需要将其指向您的域名页面:

<a href="index.html" class="ui-btn-right" data-icon="home" data-iconpos="notext" 
   data-direction="reverse">Home</a> 

或者你的内页:

<a href="#index" class="ui-btn-right" data-icon="home" data-iconpos="notext" 
   data-direction="reverse">Home</a> 

data-direction =“reverse”只能作为后退过渡但不像 back-btn =“true”这里你需要提供一个真实的和现有的href 。