2011-06-15 68 views
3

我有幾個div可以滾動。我需要將活動視圖中的一個(單擊鏈接後)設置爲「活動」,其他所有div應該移除該類。設置活動類並將其從其他所有類中移除

使用切換我無法讓它工作。

$('.projecten').click(function() { 
$('#due').toggleClass('selected'), 
    $paneTarget.stop().scrollTo('#due', 800, { 
     margin: true, 
     onAfter: function() { 
      $("body").animate({ 
       backgroundColor: "#1f8311" 
      }, 800),projectenfade(); 
     } 
    }); menuShow(),titleFadeOut(); 
}); 

的HTML

<div id="due" class="elements"> 
        <h3 class="resizeme">...</h3> 
       </div> 
<div id="otto" class="elements"> 
        <h3 class="resizeme">...</h3> 
       </div> 
<div id="etc" class="elements"> 
        <h3 class="resizeme">...</h3> 
       </div> 

... 

<div id="menu"> 

<p> 
     <a class="welkom pointme">Welkom</a> <a class="blog pointme">Blog</a> <a class="media pointme">Media</a> <a class="projecten pointme">Projecten</a> <a class="contact pointme">Contact</a> 
     </p> 
    </div> 
+0

請分享您的HTML。 – Niklas 2011-06-15 21:07:49

+0

你想滾動到「選定」div嗎? – 2011-06-15 21:08:17

+0

@馬修:選定的屬性是用於調整大小的目的。如果瀏覽器窗口被調整大小,活動類(視圖中的一個)需要讓選定的屬性保持在視圖中。 – Aeonius 2011-06-15 21:13:17

回答

6

爲什麼不直接使用addClass與removeClass:

$(".selected").removeClass("selected"); 
$(this).addClass("selected"); 

,只除去selected從div的使用爲第一行:

$("div.selected").removeClass("selected"); 
+0

這是否完全刪除所有div的類? – Aeonius 2011-06-15 21:13:49

+0

上面的例子將無處不在的類。如果你只是想從div中刪除它,請將選擇器更改爲:'div.selected' – 2011-06-15 21:18:17

+0

我已經用div的實際名稱替換了「this」,我認爲這是因爲「this」沒有引用div在這種情況下,但類(「.projecten」)感謝萬! – Aeonius 2011-06-15 21:33:58