1

HTML

<div data-role="header">
    <a href="index.html" data-role="button" data-icon="home" data-iconpos="left">主頁</a>
    <h1>header/h1>
    <a href="#page_login" data-role="button" id="button_login" data-icon="false" data-iconpos="false">login</a>
    <a href="#page_dashboard" data-role="button" id="button_logout" data-icon="false" data-iconpos="false">logout</a>
</div><!-- /header -->

だから私はログイン機能を持っています。もともとホームページが表示されるとログアウトは非表示になり、ログインが成功するとログインボタンが非表示になり、ログアウトボタンが表示されます。しかし、問題は、ログアウト ボタンが次の行にドロップされることです。ログインの位置をまったく同じログアウト ボタンに置​​き換えるにはどうすればよいですか?

4

2 に答える 2

0

ボタンを 1 つだけ使用して、ボタンのテキストとクラスを変更してみませんか。

次に、コードで次のことができます

$("#button").on ('click', function (e) {
    if ( $( this ).hasClass( "login" ) {
　　　　$( this ).removeClass( "login" );
       $( this ).addClass( "logout" );
       doLogin();
    } else {
　　　　$( this ).removeClass( "logout" );
       $( this ).addClass( "login" );
       doLogout();
    }
});
于 2013-10-18T08:20:05.093 に答える