交换jquerymobile标头中的登录/注销按钮

HTML

---

所以我有一个登录功能，原来在首页显示时注销是隐藏的，登录成功后，登录按钮将被隐藏，注销按钮将被显示。但问题是注销按钮将下降到下一行，如何用完全相同的注销按钮替换登录位置？

为什么不使用一个按钮并更改按钮的文本和类别

然后在你的代码中你可以

$("#button").on ('click', function (e) {
    if ( $( this ).hasClass( "login" ) {
　　　　$( this ).removeClass( "login" );
       $( this ).addClass( "logout" );
       doLogin();
    } else {
　　　　$( this ).removeClass( "logout" );
       $( this ).addClass( "login" );
       doLogout();
    }
});

静态地赋予登录按钮类UIBTN权限，然后使用下面的代码

---

如何隐藏登录按钮？你能发送你的特定js代码吗？$“按钮\登录”。隐藏；

$("#button").on ('click', function (e) {
    if ( $( this ).hasClass( "login" ) {
　　　　$( this ).removeClass( "login" );
       $( this ).addClass( "logout" );
       doLogin();
    } else {
　　　　$( this ).removeClass( "logout" );
       $( this ).addClass( "login" );
       doLogout();
    }
});

// hide logout button initially
$(document).on('pagebeforeshow', function () {
  $('#button_logout').toggle();
});

// hide login and show logout
$(document).on('click', '#button_login', function () {
  $('#button_logout').addClass('ui-btn-right').toggle();
  $(this).removeClass('ui-btn-right').toggle();
});

// hide logout and show login
$(document).on('click', '#button_logout', function () {
  $('#button_login').addClass('ui-btn-right').toggle();
  $(this).removeClass('ui-btn-right').toggle();
});