jquery点击和隐藏不工作

Question

嗨，我正在写一个程序，当你点击一个div它假设隐藏它自己的类，并显示另一个类，但它不工作，这是我的代码。

$("#one").click(function(){ 

    var c = name1.length; 
    if (c % 2 > 0) { 
    j = 1; 
    $(".color").hide(); 
    $(".text3").show(); 

    }else if(c % 2 == 0){ 
    j = 0; 
    $(".color").hide(); 
    $(".text2").show(); 
    } 


}); 

Answer 1

我想你不想显示/隐藏与该类名称不同的差异，而是想要切换div＃1的类名称。

http://api.jquery.com/toggleclass/

Answer 2

试图把里面的document.ready，没有它你的脚本将无法运行。

$(document).ready(function() { 
    $("#one").on("click", function() { 

    var c = name1.length; 
    if (c % 2 > 0) { 
     j = 1; 
     $(".color").hide(); 
     $(".text3").show(); 

    }else if(c % 2 == 0){ 
     j = 0; 
     $(".color").hide(); 
     $(".text2").show(); 
    } 
    }); 
}); 

Answer 3

$("#one").click(function() { 
    $(this).toggleClass("your_class"); 
}); 

Answer 4

至于我可以告诉代码看起来是正确的。如果没有看到它在该网站的情况下我会想你的问题可能是下列之一：

• jQuery是不正确安装到页面
• 变量j不在范围内
• 其中一个ID无法找到