jquery mobile window.location.href页面跳​​转错误

Question

帮帮我！ 我用window.location.href跳页，但它是错误的 代码：

jQuery的

function onclick(){ 
    window.location.href="#main" 
} 

<div data-role="page" id="login" class="ui-body-e"> 
<div data-role="content"> 
     <input type="button" onClick="onclick()" value="ok"/>  
</div> 
<div data-role="page" id="main" class="ui-body-e"> 
<div data-role="content"> 
     <li><a href="#login">Login</a>  
</div> 
</div> 

error: E:\Dockmate_hbx10\Dockmate\assets\www\ contains invalid path. Sometimes can be the jump,This is why?

Answer 1

如果你只是想用一个按钮作为一个链接，你可以考虑以下方案：

使用：

<a data-role="button" href="#main"></a> 

012而不是

：

<input type="button" value="ok"/> 

所以，你的代码看起来像这样的事情：

的jQuery：没有

HTML：

<div data-role="page" id="login" class="ui-body-e"> 
    <div data-role="content"> 
     <a data-role="button" href="#main"></a> 
    </div> 
</div> 

<div data-role="page" id="main" class="ui-body-e"> 
    <div data-role="content"> 
     <li><a href="#login">Login</a></li> 
    </div> 
</div> 

---

另一种办法是尝试方法$.mobile.changePage()：

的jQuery：

$(function() { 
    $("#my_button").click(function() { 
     $.mobile.changePage("#main", { transition: "slideup"}); 
    }); 
}); 

HTML：

<div data-role="page" id="login" class="ui-body-e"> 
    <div data-role="content"> 
     <input type="button" id="my_button" value="ok"/>  
    </div> 
</div> 

<div data-role="page" id="main" class="ui-body-e"> 
    <div data-role="content"> 
     <li><a href="#login">Login</a></li> 
    </div> 
</div> 

有关方法$.mobile.changePage()更多信息，网上查询的文档：http://jquerymobile.com/test/docs/api/methods.html

希望这有助于。