我在一个“ li”标签中创建了两个span类,我希望它们在按下按钮时进行切换,我遇到的问题是它们都出现并且我的JS无法正常工作,我在jsfiddle上检查了我的js也没有出现错误
这是fiddle
$(document).ready(function () {
$(".smiley").click(function () {
if ($('button').clicked) {
$('.off').css('display' ,'true');
$('.on').css('display', 'none');
} else {
$('.off').css('display', 'none');
}
});
});
最佳答案
在jQuery中,您可以使用.toggle()
以下是您摆弄的错误:
(1)您错过了添加jsfiddle左上角可用的jQuery库的功能。
(2)没有类似display: off
的东西,而是使用display: none
$('.off').css('display' ,'off'); //wrong
(3)您的代码中没有名为
.smiley
的类。$(".smiley").click(function () { //wrong and unnecessary
(4)没有类似的东西
if ($('button').clicked) { //wrong and unnecessary
(5)您需要了解有关选择器MDN的更多信息
我已经如下调整您的代码
$(document).ready(function () {
$("button").on('click', function () {
$('.toggle').toggle();
});
});
Working fiddle
关于javascript - 如何使span类在触发之前不可见?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17684740/