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無法找到