Question

在插件附带的css文件中，默认情况下已对样式进行了样式设置。我想更改背景和边框颜色以匹配项目中的每个部分/页面。

每个部分都有不同的背景颜色和字体颜色。我试图将分页与每种字体颜色相匹配。

这是我写的代码。它会检查插件是否将'active'类添加到'body ul li a'元素中，该插件会自动添加。然后我得到此元素的'href'，并使用它将 css'颜色'值存储在变量中。现在我抓住“。onepage-pagination li a：在”元素之前，它们来自onepage css文件。然后我将自己的css背景和颜色值添加到所有这些元素中。

问题似乎是当我尝试更改其中一个默认设置时插件崩溃。

       if ($("body ul li a").hasClass('active')) {
            var link_href = $(this).attr('href');
            var color = $(link_href).css('color');
            $(".onepage-pagination li a:before").css({
                "background": color,
                "border": '1px solid' + color;
            });
        };

我哪里出错了？

$("body ul li a").data() - returns 'object {index: 1}' in console

是否可以在我自己的css中使用此数据属性来添加样式？

单页滚动：自定义onepage-pagination颜色

0 个答案: