我在一个“ 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/

10-11 11:04