Javascript Can'；t单击div
我在一个网站上工作，从我的Minecraft Pocket Edition服务器查看你的统计数据，我遇到了一个问题 我有一个id为“tabs minigames”的div，在这个div中有4个带有图标的框，它们是“tabs”，这个div当前未显示（在css显示中为none） 现在，我在网站顶部有一个图像，你应该可以点击它来显示div“tabs minigames”，标签会显示出来，但在第二次点击后不会消失。我看不出我做错了什么 我在jQuery中使用此函数来显示和隐藏小游戏选项卡：Javascript Can'；t单击div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在一个网站上工作，从我的Minecraft Pocket Edition服务器查看你的统计数据，我遇到了一个问题 我有一个id为“tabs minigames”的div，在这个div中有4个带有图标的框，它们是“tabs”，这个div当前未显示（在css显示中为none） 现在，我在网站顶部有一个图像，你应该可以点击它来显示div“tabs minigames”，标签会显示出来，但在第二次点击后不会消失。我看不出我做错了什么 我在jQuery中使用此函数来显示和隐藏小游戏选项卡： $(
$(document).ready(function(){
var status = false;
$('#sliderimg').on('click', function(){
if(!status){
$("#tabs-minigames").show();
status = true;
}else{
$("#tabs-minigames").hide();
status = false;
}
});
});
<html>
<head>
<title>
View your stats - Legion PE
</title>
<link rel="stylesheet" type="text/css" href="styles/main.css"></link>
<meta name="viewport" content="width=device-width, initial-scale=1"></meta>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var status = false;
$('#sliderimg').on('click', function(){
if(!status){
$("#tabs-minigames").show();
status = true;
}else{
$("#tabs-minigames").hide();
status = false;
}
});
});
</script>
</head>
<body>
<div id="tabs">
<div class="tabs-back">
<div id="tabs-middle">
<img id="sliderimg" src="graphics/slider.png" height="100" width="100" style="position: fixed;padding-left:20px;padding-top: 10px;" style="outline:none;cursor: pointer;"></img>
<div style="padding-left:150px;padding-top:25px;">
<div id="tab-light-box">
Legion PE
</div>
</div>
</div>
</div>
</div>
<div id="tabs-minigames" style="display: none;outline: none;">
<div class="tabs-minigame">
<img src="icons/kitpvp_fullsize.png" width="120" height="110" style="padding-left:15px;padding-top:20px;"></img>
</div>
<div class="tabs-minigame">
<img src="icons/spleef_fullsize.png" width="120" height="120" style="padding-left:15px;padding-top:15px;"></img>
</div>
<div class="tabs-minigame">
<img src="icons/bowandarrow_fullsize.png" width="120" height="120" style="padding-left:15px;padding-top:15px;"></img>
</div>
<div class="tabs-minigame">
<img src="icons/diamond_fullsize.png" width="120" height="120" style="padding-left:15px;padding-top:15px;"></img>
</div>
</div>
<center>
<div id="center">
</div>
</center>
</body>
</html>
查看你的统计数据-军团体育
$（文档）.ready（函数（）{
var状态=假；
$（'#sliderimg'）。在（'click'，function（）上{
如果（！状态）{
$（“#制表符小游戏”）.show（）；
状态=真；
}否则{
$（“#制表符小游戏”）.hide（）；
状态=假；
}
});
});
军团体育
谢谢 您没有id=“div”的元素，这就是您要将单击绑定到的内容。。。有一个图像有另一个id，你想用吗
.delegate("#sliderimg", "click", function(){
}
另外，正如其他人指出的，最好使用jquery.on（），或者在您的情况下，您甚至可以使用
$（“#sliderimg”）。单击（）.delegate("#sliderimg", "click", function(){
}
另外，正如其他人指出的，最好使用jquery.on（），或者在您的情况下，您甚至可以只使用
$（“#sliderimg”）。单击（）$('#sliderimg').on('click',function(){
$('#tabs-minigames').slideToggle(); // you can use fadeToggle() as well
});
你可以试试这个，不需要任何东西是真是假
$('#sliderimg').on('click',function(){
$('#tabs-minigames').slideToggle(); // you can use fadeToggle() as well
});
在$（document）.ready函数中声明变量
$(document).ready(function () {
var status = false;
$("#sliderimg").on("click", function () {
if (status === false) {
$("#tabs-minigames").show();
status = true;
} else {
$("#tabs-minigames").hide();
status = false;
}
});
});
在$（document）.ready函数中声明变量
$(document).ready(function () {
var status = false;
$("#sliderimg").on("click", function () {
if (status === false) {
$("#tabs-minigames").show();
status = true;
} else {
$("#tabs-minigames").hide();
status = false;
}
});
});
您应该非常明确单击哪个div。否则，它会冒泡。哦，我知道xD sorry仍然不起作用：/使用Chrome开发者工具来判断是否有什么东西覆盖了它。也可以使用
.on.on