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

错误：E:\Dockmate_hbx10\Dockmate\assets\www\ 包含无效路径。有时可以跳，这是为什么呢？

Answer 1

如果您只想使用按钮作为链接，您可以考虑以下解决方案：

利用：

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

代替：

<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

希望这可以帮助。