Question

我正在聊天，我对jQuery部分有疑问。

<ul id="buttomIcon">
    <li id="span1"><span class="glyphicon glyphicon-send iconCom"></span></li>
</ul>

所以我希望当我点击图标时会打开聊天窗口

<div class="container closeAll">
    <div class="row display chatBox drag ">
        <div class="col-md-2 col-md-offset-9 ">
            <div class="dragIt ">
                <button class="close closeChat" data-dismiss="drag"><span class="glyphicon glyphicon-remove closeChat"></span></button>
            </div>
            <iframe class=""></iframe>
            <textarea class="" id="chat"></textarea>
        </div>
    </div>
</div>

当我点击图标时 - 删除它会关闭聊天窗口。

但问题是，当我想再次尝试并打开它时，它不再起作用了。这是我的jQuery：

$("#span1 span").click(function () {
    $(".chatBox").toggle();
});

$(".closeChat").click(function () {
    $(".closeAll").hide();
});

Answer 1

尝试：

$("#span1 span").click(function () {
            $(".chatBox").toggle();
            $(".closeAll").show();
        });

Answer 2

实际上它正在运行，但我会说：

$("#span1 span").click(function () {
    $(".chatBox").toggle();
});
$(".closeChat").click(function () {
    $(".closeAll").hide();
});

检查上面你做了什么：

您在$("#span1 span")上有点击活动，并且您正在切换$(".chatBox")。
您在$(".closeChat")上有另一个点击事件，这隐藏了具有$(".closeAll")的父元素$(".chatBox")。

所以使用这个：

$(".chatBox").toggle();  
$(".closeAll").show();

Answer 3

在其他解决方案中，如果您隐藏.chatBox，则需要在$("#span1 span").click(function () { $(".chatBox").toggle(); }); $(".closeChat").click(function () { $(".chatBox").toggle(); });上单击两次以重新打开聊天框。以下是解决方案

尝试如下：

$ vagrant box add laravel/homestead --clean

多次更改CSS的样式

3 个答案: