刪除項目點擊後的CSS懸停不透明度

我試圖刪除當您將鼠標懸停在圖像上時的css不透明度轉換規則。如何在單擊某個項目後刪除該項目。刪除項目點擊後的CSS懸停不透明度

<ul id="grid"> 
    <li><div class="title"></div><a href="#"class="zoom"><img src="1.jpg"><span></span></a></li> 
    <li><div class="title"></div><a href="#" class="zoom" ><img src="2.jpg"><span></span></a></li> 
    <li><div class="title"></div><a href="#" class="zoom"><img src="3.jpg"><span></span></a></li> 
    <li><div class="title"></div><a href="#" class="zoom"><img src="4.jpg"><span></span></a></li> 
    <li><div class="title"></div><a href="#" class="zoom"><img src="5.jpg"><span></span></a></li> 
    <li><div class="title"></div><a href="#" class="zoom"><img src="6.jpg"><span></span></a></li> 
    <li><div class="title"></div><a href="#" class="zoom"><img src="7.jpg"><span></span></a></li> 
    <li><div class="title"></div><a href="#" class="zoom"><img src="8.jpg"><span></span></a></li> 
    <li><div class="title"></div><a href="#" class="zoom" ><img src="9.jpg"><span></span></a></li> 
</ul> 
    <div id="hidden"></div>

我特林鼠標後刪除CSS單擊

#grid li a:hover img { 
    -webkit-transition: opacity .2s ease-in; 
    -moz-transition: opactiy .2s ease-in; 
    -ms-transition: opacity .2s ease-in; 
    -o-transition: opacity .2s ease-in; 
    transition: opacity .2s ease-in; 
    opacity: 1; 
    } 

#grid:hover li { 
    -webkit-transition: opacity .2s ease-in; 
    -moz-transition: opactiy .2s ease-in; 
    -ms-transition: opacity .2s ease-in; 
    -o-transition: opacity .2s ease-in; 
    transition: opacity .2s ease-in; 
    zoom: 1; 
    filter: alpha(opacity=100); 
    opacity: 0.3; 
    }

我會做的jQuery類似的信息（見下文）？

$(this).removeClass('grid');

來源

2013-07-25 Wanting to learn

您是否嘗試過這樣的事情？

<a class="image" href="#image"> 
    <img src="image.png" id="image" /> 
</a>

並在CSS：

a.image img:target 
{ 

}

來源

2013-07-25 17:45:16

您使用的是ID屬性，而不是class。

變化<ul id="grid">到<ul class="grid">

而且#grid whenrever它在你的CSS的二手至.grid。

那麼你的jQuery

$(this).removeClass('grid');

應該工作正常:)

來源

2013-07-25 17:32:57 SharkofMirkwood

非常感謝#grid對.grid的幫助。出於某種原因，我可以得到$（this）.removeClass（'grid'）;刪除我嘗試過的類或其他類 –

我在你的jsFiddle中注意到你正在使用'removeClass（'。grid'）'。將其更改爲'removeClass（'grid'）';）。它已經知道你想刪除這個類，所以你不需要'.'作爲類選擇器。 – SharkofMirkwood

還有另一件事 - 你試圖從不是「網格」的東西中移除「網格」。看看這個，它現在成功地刪除類：http://jsfiddle.net/XYZZx/32/ – SharkofMirkwood

更改爲

$(this).removeAttr('id');

或<ul id="grid">到<ul class="grid">

來源

2013-07-25 17:49:00

我會使用一個。點擊（）jQuery函數：

$(".grid").click(function() { 
     $(this).removeClass('grid') 
});

另外，將您的CSS樣式改爲Class而不是ID。現在它的#grid。你需要.grid才能工作。

來源

2013-07-25 17:49:28

感謝您的幫助我已經放在一起一個jsfiddle，因爲我可以看到它的工作[鏈接]（http ：//jsfiddle.net/XYZZx/28） –

如果這是您的答案，或者您的答案略有匹配，請用勾號標記此問題......其低於投票點箭頭。 –

刪除項目點擊後的CSS懸停不透明度

回答

相關問題