0

Onepage -scroll 插件。

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

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

这是我写的代码。它检查插件是否将“active”类添加到“body ul li a”元素，插件自动添加。然后我得到这个元素的'href'并使用它将css'color'值存储在一个变量中。现在我抓取“.onepage-pagination li a:before”元素，它们来自 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 中使用此数据属性来添加样式？

4

0 回答 0