0

助けて！ジャンプページを使用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\ に無効なパスが含まれています。時々ジャンプすることができます、これはなぜですか？

4

1 に答える 1

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

お役に立てれば。

于 2012-09-26T08:15:28.697 に答える