gpt4 book ai didi

jquery - 我的javascript代码错误

转载 作者:行者123 更新时间:2023-11-28 06:52:14 24 4
gpt4 key购买 nike

我的 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com