jQuery if css = value then

Question

我正在使用jQuery将一类.display-product-noms添加到某个菜单项上面的div上。一旦触发我然后想要一个横幅出现，但只有前一个类已被添加到div所以我尝试使用以下：

if ($('.display-product-noms').css('left') === '16.4em!important') {
    $('.nav-banner').css( "left", "41em!important" );
}

但没有任何反应，横幅保持不在视图范围内，原始值为left：-9999em; 任何人都可以对我出错的地方有所了解吗？

Answer 1

http://jsfiddle.net/jadpLq73/1/

if ($('.product').css('left') == '10px') {
    alert($('.product').css('left'))
    $('.otherProd').css( "left", "10px", 'important');
}

另请阅读：https://stackoverflow.com/a/8894528/3556874

div.style('color', 'blue', 'important');

这样您就可以定义!important优先级

Answer 2

删除!important并使用pixel，这是css返回的内容，而不是因为16.4em = 262.399993896484px

＆＃13;

＆＃13;

console.log($('.display-product-noms').css('left'));
if ($('.display-product-noms').css('left') === '262.399993896484px') {
    alert("Chewbacca defense")
    //$('.nav-banner').css( "left", "41em!important" );
}

＆＃13;

.display-product-noms{
    left: 16.4em!important
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class=display-product-noms />

＆＃13;

＆＃13;

＆＃13;