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

希望這有助於。