Question

我按下输入按钮时激活此javascript。它确实检测击键，甚至设置背景图像。但秘密和/或秘密文本的元素并未被切换为可见。我想让它切换可见性。

JS

$(document).keypress(function(e) {
if(e.which == 13) {
$("#backgroundjake").css('backgroundImage', 'url(' +'images/bw_c1.jpg'+ ')');
$("#secret").show();
$("#secrettext").show();

HTML

<div id="secrettext">
<textarea id="secret"  style="height:200px;width:400px;font- size:14pt;visibility:hidden;"></textarea>
 </div>

Answer 1

只需更改$("#backgroundjake").css('backgroundImage', 'url(' +'images/bw_c1.jpg'+ ')'); 到

$("#backgroundjake").css('background-image', 'url(images/bw_c1.jpg)');

语法无效

 $(document).keypress(function(e) {
  if (e.which == 13) {
    $("#backgroundjake").css('background-image', 'url(images/bw_c1.jpg)');
    $("#secret").show();
    $("#secrettext").show();
  }
});

Answer 2

我建议一个很好的干净方法是切换一个具有可见性的类（如果你想淡入/淡出，则为不透明）CSS属性。

E.g。

$("#secrettext").addClass("show");

使用CSS：

#secrettext.show{
  visibility:visible;
}

工作示例：https://jsfiddle.net/7xhLa2uq/

Answer 3

你必须这样做：

 $("#secret").css({"visibility":"visible"});

Answer 4

secret嵌套在secrettext内，因此您无需隐藏或显示它们，只需隐藏并单独显示secrettext即可。

然后在文档就绪函数中，使用;

$("#secrettext").hide();

并删除css visibility:hidden属性。

使用Javascript在按键上显示隐藏的可见性文本

4 个答案: