我正在做用戶登錄，然后我想隱藏第一個表單，只有另一個欄位可見。由于我一開始在瀏覽，它總是將其視為display:block，我該如何避免這種情況？有人能幫忙嗎？
簡而言之，如何在登錄后隱藏我的登錄面板？
先謝謝了。
$(document).ready(function(){
$(".login-user").click(function () {
$("#container").append('<div >User Login Success</div>');
});
$('#btn , .login, myAccount').mouseover(function(){
if (jQuery('div').hasClass('appendme')){
$('.login').css('display','none');
$('.myAccount').css('display','block');
}
$('.login').show();
}).mouseout(function(){
$('.login').hide();
});
});.login, .myAccount{
width:300px;
height:auto;
border:1px solid #CCC;
display:none;
}
#btn{
width:300px;
}
.appendme{
display:none
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="container">
<button id="btn">
My Account
</button>
<div class="login">
Login Panel
<button class="login-user">Login</button>
</div>
<div class="myAccount">
<ul>
<li>My account Edit</li>
<li>My Wishlist</li>
<li>My Orders</li>
</ul>
</div>
</div>uj5u.com熱心網友回復：
您可以使用$('.login').remove();，但您應該檢查用戶登錄的方式和時間，而不是僅通過單擊事件就可以使其可靠。
$(document).ready(function(){
$(".login-user").click(function () {
$("#container").append('<div >User Login Success</div>');
$('.login').remove();
});
$('#btn , .login, myAccount').mouseover(function(){
if (jQuery('div').hasClass('appendme')){
$('.login').css('display','none');
$('.myAccount').css('display','block');
}
$('.login').show();
}).mouseout(function(){
$('.login').hide();
});
});.login, .myAccount{
width:300px;
height:auto;
border:1px solid #CCC;
display:none;
}
#btn{
width:300px;
}
.appendme{
display:none
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="container">
<button id="btn">
My Account
</button>
<div class="login">
Login Panel
<button class="login-user">Login</button>
</div>
<div class="myAccount">
<ul>
<li>My account Edit</li>
<li>My Wishlist</li>
<li>My Orders</li>
</ul>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/348607.html
標籤：查询