Question

假设我有一个聊天用户的左侧聊天栏。每个用户都有他们的形象（很像Facebook的聊天），可点击打开聊天框开始聊天。

这是我的代码：

$('.msg_wrap').hide();
$('.msg_box').hide();
    $('.chat_user').click(function() {          
        $('.msg_wrap').show();
        $('.msg_box').show();
}

我知道这是错的，但我想在这里做的是第一次加载页面时，所有聊天框都要隐藏（hide（））。直到我点击聊天用户（.chat_user），才会出现弹出/聊天框（show（））。我该如何修复此代码？我是否必须创建一个函数？

Answer 1

快速思考解决方案。

首先。将元素（＆＃39; .msg_wrap＆＃39;）和（＆＃39; .msg_box＆＃39;）设置为隐藏在您的html中并终止前两行代码。我不确定这些元素具体是什么，但是，例如，如果它们是div标签，它看起来像：

<div hidden class="msg_wrap">

二。我不确定您是否说该代码当前不在页面加载上工作。看起来你最后遗漏了a），你也可以更新到以下内容，以便在页面加载时执行。

$(function(){
   $('.chat_user').click(function() {          
        $('.msg_wrap').show();
        $('.msg_box').show();
    }); 
});

这是$（document）.ready（）。

的jquery简写

此外，如果您希望msg_wrap和msg_box元素在隐藏和显示之间切换，您可以使用toggle（）方法而不是show（）。

如何将元素设置为默认条件（hide（））和单击时（show（））

1 个答案: