無法刪除由 addClass 在 hover 添加的 class

Question

我有這個簡單的 jquery，它在 10 秒后添加了 hide_share class，它可以完美地工作，但是當用戶將鼠標懸停在上面時，我想刪除 class。

.hide_share {
    opacity :0.1;
}

這個 function 添加了 hide_share class

    setTimeout(function() {$("#main_id").addClass("hide_share");}, 10000);

但是當用戶帶來 cursor 我想刪除 hide_share class 以便它再次可見

看起來很簡單但浪費了我幾個小時然后我搜索了整個stackoverflow並嘗試了專家給出的所有想法但沒有一個奏效

這是我的刪除 function

 $("#main_id").hover(function () {$(this).removeClass("hide_share");} );    

當我在控制台中運行相同的東西時，它可以工作，我可以看到 class 被刪除但不是直接刪除。

我已經嘗試過做所有事情，甚至在頭中添加了腳本標簽，但這也不起作用並刪除了它。 我嘗試了子參數和一切，

這里是 html

<div id="main_id" class="button-position-left hide_share"><div class="button-label"><span>Share</span></div><div class="button2">Img_here</div></div>

誰能告訴我在哪里做錯了。 我使用過類似的代碼，它曾經完美地工作過。

Answer 1

也許你正在尋找這個：

 $("#main_id").hover(function () { $(this).removeClass("hide_share"); }, function () { $(this).addClass("hide_share"); }); setTimeout(function() {$("#main_id").addClass("hide_share");}, 10000);

 .hide_share { opacity:0.1; } #main_id { width: 100px; height: 100px; background-color: cyan; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="main_id" class="button-position-left"></div>

.hover()方法支持 2 個參數： handlerIn和handlerOut 。 您可以將用戶離開光標時的事件設置為第二個參數。