gpt4 book ai didi

javascript - jquery通过css类在两种颜色之间切换

转载 作者:太空宇宙 更新时间:2023-11-03 20:36:36 24 4
gpt4 key购买 nike

如果我单击它,我需要通过元素上的 css 类在 2 个图标(在此示例中为颜色)之间切换。我有这段代码(不起作用):

$( ".play" ).on('click', function(event) {
event.preventDefault();


$(this).removeClass('play');
$(this).addClass('stop');

console.log('play');
});

$( ".stop" ).on('click', function(event) {
event.preventDefault();


alert();

$(this).removeClass('stop');
$(this).addClass('play');

console.log('stop');
});
.play {
background-color: black;
}

.stop {
background-color: green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<a href="#" class="play" style="width:100px; height: 100px; display: block;"></a>

最佳答案

您似乎在使用 jQuery 事件委托(delegate),但我认为您可能有点不对:

$("body")
.on("click", ".play", function(event) {
// change "play" to "stop"
})
.on("click", ".stop", function(event) {
// change "stop" to "play"
});

您想附上 click <body> 的处理程序标记,然后为 jQuery 提供事件名称、CSS 选择器和事件处理程序。

引用:http://api.jquery.com/on/

关于javascript - jquery通过css类在两种颜色之间切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32379944/

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