點擊更改css類？

-8

好吧，所以我從數據庫中提取帖子，我希望有兩種方式讓訪問者可以查看正在拉取的數據：圖庫和列表視圖。所以，我第一次使用標籤，但結果並沒有很好地工作，因爲它導致搜索結果的Probs和兩次拉同一內容時的東西。所以認爲這個想法可能會更好。這是一種相同的概念作爲標籤的......它只是工作方式不同......點擊更改css類？

基本上我想有兩個環節：1。）圖庫視圖2）列表視圖

當人們登陸頁面上的所有數據將被拉到名爲「圖庫」的div中，當用戶點擊「列表視圖」鏈接時，我希望「圖庫」類更改爲「列表」，而無需重新加載頁面。然後，當他們再次點擊「圖庫視圖」時，它會再次將「列表」類更改爲「圖庫」類... 這就像標籤...唯一的區別是，我們正在與一組內容。而不是切換標籤......我們在點擊時切換CSS類。

這樣我就可以編輯通過CSS顯示內容的方式。

可以這樣做嗎？使用toggleClass

$('button').click(function(){ 
    $('my-node').toggleClass('gallery list') 
});

這消除了gallery類，如果它已經存在，如果不是它增加了它的點擊

來源

2012-11-09 Debrah

您需要知道如何添加/刪除CSS類嗎？或者編寫你的CSS代碼，使其以你描述的方式顯示？ – Brad

我們可以看看你現在有什麼請求嗎？ – George

既然你有jQuery，試試addClass（）和removeClass（）函數。這樣，你可以操縱你的鏈接添加/改變你的容器的css屬性 – andrew

開關類。 list

來源

2012-11-09 15:10:01

點擊更改css類？

回答

相關問題