Question

<script>
    $(function(){
        $("a.load").click(function (e) { 
            e.preventDefault();
            $("#main").load($(this).attr("href"));
            // alert("#"+($(this).attr("id")));
            $("."+($(this).attr("class"))).css('border-bottom', 'solid 1px black');
            $("."+($(this).attr("class"))).css('background-color', '#F5F5F5');
            $("#"+($(this).attr("id"))).css('border-bottom', 'solid 2px white');
            $("#"+($(this).attr("id"))).css('background-color', 'white');

        });
    });
</script>

上面的函数按预期工作，尽管事实是：我的一个类的悬停属性在调用此函数后停止工作。所以似乎jQuery的CSS方法是重写：悬停属性。有解决方法吗？

我尝试在功能结束时添加：

$("."+($(this).attr("class"))+":hover").css('border-bottom', 'solid 2px white');

但它没有帮助。

Answer 1

我刚刚发现！重要的标签，它完成了这项工作！不再压倒一切！

border-bottom-color: white !important;
border-bottom-width: 2px !important;
background-color: white !important;

Answer 2

jQuery并不是要处理CSS。 DOM中不存在伪选择器。

相反，提取您的CSS，并使用jQuery切换该类（addClass / removeClass / toggleClass）

jQuery CSS方法覆盖：悬停属性

2 个答案: