Javascript 法登没有'；不能使用空DIV_Javascript_Jquery_Html

Javascript 法登没有'；不能使用空DIV

javascript jquery html

Javascript 法登没有'；不能使用空DIV,javascript,jquery,html,Javascript,Jquery,Html,我有一个按钮，通过使用fadein和fadeout显示密码。但是，当密码为空字符串时，div不会淡入 Html 这是一个可以玩的游戏如果我将passwordDiv.text（“”）中的空字符串替换为除空格以外的任何值，则淡入将起作用。我使用了一个日文全宽空白字符来回避这个问题。然而，我希望在没有明显的黑客攻击的情况下让它正常工作。我在这里做的有什么不对吗？或者有什么方法可以让passwordDiv在div文本为空字符串时淡入？它正在工作事实上，你看不见它。由于by不包含任何内容，因此它不会占

我有一个按钮，通过使用fadein和fadeout显示密码。但是，当密码为空字符串时，div不会淡入

Html

这是一个可以玩的游戏

如果我将passwordDiv.text（“”）中的空字符串替换为除空格以外的任何值，则淡入将起作用。我使用了一个日文全宽空白字符来回避这个问题。然而，我希望在没有明显的黑客攻击的情况下让它正常工作。我在这里做的有什么不对吗？或者有什么方法可以让passwordDiv在div文本为空字符串时淡入？

它正在工作

事实上，你看不见它。由于by

不包含任何内容，因此它不会占用HTML中的空间

您可以看到您的web控制台，您会发现div的不透明度发生了变化

只要尝试添加下面的高度和宽度，您就可以看到变化

.password {
    height: 500px;
    width: 500px;
    background-color: #ff0000;  // background of the div, so that you can see the change
}

另一种方法是不清空

，只需在div中插入一个空白的correct，这样

就可以执行一些操作

        passwordDiv.fadeIn(500).delay(3000).fadeOut(500, function () {
           passwordDiv.html('&nbsp;'); // inserting a blank correct , so that actually the div take some space
        });

它起作用了

事实上，你看不见它。由于by

不包含任何内容，因此它不会占用HTML中的空间

您可以看到您的web控制台，您会发现div的不透明度发生了变化

只要尝试添加下面的高度和宽度，您就可以看到变化

.password {
    height: 500px;
    width: 500px;
    background-color: #ff0000;  // background of the div, so that you can see the change
}

另一种方法是不清空

，只需在div中插入一个空白的correct，这样

就可以执行一些操作

        passwordDiv.fadeIn(500).delay(3000).fadeOut(500, function () {
           passwordDiv.html('&nbsp;'); // inserting a blank correct , so that actually the div take some space
        });

它起作用了

事实上，你看不见它。由于by

不包含任何内容，因此它不会占用HTML中的空间

您可以看到您的web控制台，您会发现div的不透明度发生了变化

只要尝试添加下面的高度和宽度，您就可以看到变化

.password {
    height: 500px;
    width: 500px;
    background-color: #ff0000;  // background of the div, so that you can see the change
}

另一种方法是不清空

，只需在div中插入一个空白的correct，这样

就可以执行一些操作

        passwordDiv.fadeIn(500).delay(3000).fadeOut(500, function () {
           passwordDiv.html('&nbsp;'); // inserting a blank correct , so that actually the div take some space
        });

它起作用了

事实上，你看不见它。由于by

不包含任何内容，因此它不会占用HTML中的空间

您可以看到您的web控制台，您会发现div的不透明度发生了变化

只要尝试添加下面的高度和宽度，您就可以看到变化

.password {
    height: 500px;
    width: 500px;
    background-color: #ff0000;  // background of the div, so that you can see the change
}

另一种方法是不清空

，只需在div中插入一个空白的correct，这样

就可以执行一些操作

        passwordDiv.fadeIn(500).delay(3000).fadeOut(500, function () {
           passwordDiv.html('&nbsp;'); // inserting a blank correct , so that actually the div take some space
        });

您的div为空，所以您可以设置border或其他内容以查看效果

.password{
width:50px;
    height:50px;
    border:solid 2px red;
}

您的div为空，所以您可以设置border或其他内容以查看效果

.password{
width:50px;
    height:50px;
    border:solid 2px red;
}

您的div为空，所以您可以设置border或其他内容以查看效果

.password{
width:50px;
    height:50px;
    border:solid 2px red;
}

您的div为空，所以您可以设置border或其他内容以查看效果

.password{
width:50px;
    height:50px;
    border:solid 2px red;
}

这是我为您创建的JSFIDLE

您需要为具有“password”类的div添加维度（宽度、高度）。因为您也希望看到空字符串的淡入效果，所以还需要设置维度。当你给那个div文本时，div会采用width:auto和height:auto。但是当你不给这个div文本时，width:auto和height:auto将不会显示任何内容，这是完全合乎逻辑的

你只需要一个CSS，没有别的：-

.password{
display:none;
width:100px;
height:15px;
}

希望我的回答能帮助你

这是我为您创建的JSFIDLE

你只需要一个CSS，没有别的：-

.password{
display:none;
width:100px;
height:15px;
}

希望我的回答能帮助你

这是我为您创建的JSFIDLE

你只需要一个CSS，没有别的：-

.password{
display:none;
width:100px;
height:15px;
}

希望我的回答能帮助你

这是我为您创建的JSFIDLE

你只需要一个CSS，没有别的：-

.password{
display:none;
width:100px;
height:15px;
}

希望我的回答能帮助你

您也可以这样做来显示空字符串淡入淡出效果：-

$(".showPasswordButton", false).on("click", function () {   
var passwordDiv = $(".password");
passwordDiv.html("<br>");
passwordDiv.fadeIn(500).delay(3000).fadeOut(500, function () {
    passwordDiv.empty();
});
});

$（“.showPasswordButton”，false）。在（“单击”，函数（）{
var passwordDiv=$（“.password”）；
passwordDiv.html（“
”）；
passwordDiv.fadeIn（500）.delay（3000）.fadeOut（500，函数（）{
passwordDiv.empty（）；
});
});

您也可以这样做来显示空字符串淡入淡出效果：-

$(".showPasswordButton", false).on("click", function () {   
var passwordDiv = $(".password");
passwordDiv.html("<br>");
passwordDiv.fadeIn(500).delay(3000).fadeOut(500, function () {
    passwordDiv.empty();
});
});

$（“.showPasswordButton”，false）。在（“单击”，函数（）{
var passwordDiv=$（“.password”）；
passwordDiv.html（“
”）；
passwordDiv.fadeIn（500）.delay（3000）.fadeOut（500，函数（）{
passwordDiv.empty（）；
});
});

您也可以这样做来显示空字符串淡入淡出效果：-

$(".showPasswordButton", false).on("click", function () {   
var passwordDiv = $(".password");
passwordDiv.html("<br>");
passwordDiv.fadeIn(500).delay(3000).fadeOut(500, function () {
    passwordDiv.empty();
});
});

$（“.showPasswordButton”，false）。在（“单击”，函数（）{
var passwordDiv=$（“.password”）；
passwordDiv.html（“
”）；
passwordDiv.fadeIn（500）.delay（3000）.fadeOut（500，函数（）{
passwordDiv.empty（）；
});
});

您也可以这样做来显示空字符串淡入淡出效果：-

$(".showPasswordButton", false).on("click", function () {   
var passwordDiv = $(".password");
passwordDiv.html("<br>");
passwordDiv.fadeIn(500).delay(3000).fadeOut(500, function () {
    passwordDiv.empty();
});
});

$(