jQuery添加/刪除類只能工作一次

我有一個小的/（奇怪的？）與一些基本的jQuery問題。內部的HTML表單我有兩個要素：jQuery添加/刪除類只能工作一次

<label for="service-webdesign"> 
    <input type="checkbox" name="service-web" id="service-webdesign" value="Webdesign" /> 
    <span id="service-webdesign-span">Webdesign</span> 
</label> 
<label for="service-SEO" title="Search Engine Optimization"> 
    <input type="checkbox" name="service-web" id="service-SEO" value="SEO" /> 
    <span class="service-SEO-span">SEO</span> 
</label>

現在，我想要做的就是添加/刪除一個名爲「主動」的風格這兩種因素的不同，他們被擊中時類。這裏是jQuery實現：

$('#service-webdesign').click(function(){ 
    if($('#service-webdesign-span').hasClass('active')){ 
     $('#service-webdesign-span').removeClass('active') 
     } else ($('#service-webdesign-span').addClass('active')) 
    }); 

$('#service-SEO').click(function(){ 
    if($('#service-SEO-span').hasClass('active')){ 
     $('#service-SEO-span').removeClass('active') 
     } else ($('#service-SEO-span').addClass('active')) 
    });

雖然他們都相同（功能明智），只有第一個按預期工作。我相信這與它們的順序沒有任何關係，因爲交換jQuery並沒有什麼區別。我只是在昨天才開始使用jQuery，所以我可能缺乏查看這種行爲的能力。

任何幫助將不勝感激！

來源

2013-03-07 Severin

'服務SEO-span'是一類，但'服務的網站設計，span'都是一個ID，就好像它們是IDS你的目標他們倆。 – JJJ 2013-03-07 08:41:01

嗨，非常感謝。我現在可以看到 - 再次感謝:) – Severin 2013-03-07 08:42:09

從下次開始，請使用'jsfiddle'，並附上您的問題 – arjuncc 2013-03-07 08:45:43

您應該使用toggleClass

你應該使用正確的選擇爲Juhana在評論中已經提到過！

$('#service-webdesign-span').toggleClass('active');

來源

2013-03-07 08:43:25

謝謝你的幫助！我去做。 – Severin 2013-03-07 08:44:56

服務SEO跨度是一類，但服務的網頁設計跨度都是一個ID，都好像他們是IDS你針對他們。

來源

2013-03-07 08:43:05 Severin

jQuery添加/刪除類只能工作一次

回答

相關問題