jQuery懸停toggleClass不起作用

-1

我有一個相當簡單的設置。我在我的頁面上有一個使用CSS：hover僞類應用了盒子陰影的div。在該div內是一個按鈕（另一個div）。當用戶將鼠標懸停在按鈕上時，我想使用jQuery去除父div上的方塊陰影。我認爲我的jQuery看起來是正確的，但它不起作用。沒有控制檯錯誤。jQuery懸停toggleClass不起作用

這裏是我與按鈕盒HTML：

<div class="content"> 
    <div class="content-btn">Click Me!</div> 
</div>

這裏是我的CSS應在父DIV進行切換：

.no-box-shadow { 
    box-shadow: none!important; 
}

這裏是我的jQuery：

$('.content-btn').hover(
    function() { 
     $(this).parent().addClass('.no-box-shadow'); 
    }, 
    function() { 
     $(this).parent().removeClass('.no-box-shadow'); 
    } 
);

我也試過這種配置：

$('.content-btn').hover(function() { 
     $(this).parent().toggleClass('.no-box-shadow'); 
    } 
);

來源

2015-05-17 ACIDSTEALTH

刪除期間。 '.addClass（'no-box-shadow'）'不''.addClass（'。no-box-shadow'）'。相同的removeClass。 – j08691

如果沒有這段時間，還是不行。 – ACIDSTEALTH

適用於我http://jsfiddle.net/j08691/6kvb9gj4/ – j08691

在你的第二個代碼，您可以更改：

$('.content-btn').hover(function() { 
    $(this).parent().toggleClass('.no-box-shadow'); 
} 
);

到

$('.content-btn').hover(function() { 
    $(this).parent().toggleClass('no-box-shadow'); 
} 
);

並檢查了這個文檔here找到更多的功能和它的使用。

來源

2015-05-17 01:36:29

jQuery懸停toggleClass不起作用

回答

相關問題