我的 jquery 错误/错误代码是什么?
<head>
<title>Untitled</title>
<link rel="stylesheet" href="../css/style_light.css" />
<script src="../js/jquery-2.1.1.min.js"></script>
<script>
$(document).ready(function(){
$("#sw").click(function(){
if($(".onsw").css("background-image" , "url(../img/b.png)")){
$("#lamp").removeClass("off");
$("#lamp").addClass("on");
$(".onsw").toggleClass("offsw");
}
else if($("#sw").css("background-image" , "url(../img/a.png)")){
$("#lamp").removeClass("on");
$("#lamp").addClass("off");
$("#sw").removeClass("offsw");
$("#sw").addClass("#onsw")
}
});
});
</script>
</head>
<body>
<div id="lamp" class="off"></div>
<div id="sw" class="sw onsw"></div>
</body>
body{
background-color: black;
}
div{
width: 400px;
height: 600px;
border:1px solid;
margin:10px auto;
background-size: 400px 600px;
}
.sw{
width: 50px;
height: 50px;
border: 1px solid;
margin: 5px auto;
background-size: 50px 50px;
}
.on{
background-image: url(../img/on.jpg);
}
.offsw{
background-image: url(../img/a.png);
}
.onsw{
background-image: url(../img/b.png);
}
.off{
background-image: url(../img/off.jpg);
}
最佳答案
试试下面的代码:
$(document).ready(function(){
$("#sw").click(function(){
$("#lamp").toggleClass("on off");
$(this).toggleClass("onsw offsw");
});
});
关于jquery - 我的javascript代码错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33707201/