Question

点击“完成”按钮后，我试图制作一个蓝色方块显示'json'和红色方块显示fullScreenCropStatus = true。

变量正确并显示正确的值，但单击“完成”时蓝色方块不显示。我尝试了fullScreenCropStatus = false / show()以及当前在css中设置显示值的格式，但都没有显示蓝色方块。

红色方块成功hide()或hide()。我真的很困惑。

代码如下，这是JSbin

JS：

display:none

HTML：

var fullScreenCrop = false;
var fullScreenCropStatus = false;
$('#cropping--modes').click(function() {
    fullScreenCrop = !fullScreenCrop;
    console.log("fullScreenCrop = " + fullScreenCrop);
});
$("#done").click(function() {
    fullScreenCropStatus = fullScreenCrop;
    console.log("fullScreenCropStatus = " + fullScreenCropStatus);
    if (fullScreenCropStatus === true) {
        $(".done--title__container").css("display", "none");
        $(".done--title__container--fullscreen").css("display", "block");
    } else if (fullScreenCropStatus === false) {
        $(".done--title__container").css("display", "block");
        $(".done--title__container--fullscreen").css("display", "none");
    }
});

CSS：

<button id="cropping--modes">Toggle variable (true/false)</button>
<button id="done">Done</button>

<div class="done--title__container">
<div class="done--title__container--fullscreen">

Answer 1

关闭div标签，你很好：

<button id="cropping--modes">Toggle variable (true/false)</button>
<button id="done">Done</button>

<div class="done--title__container"></div>
<div class="done--title__container--fullscreen"></div>

元素不会根据变量值和if语句显示（）

1 个答案: