自定义jQuery可折叠菜单按钮

Question

我是使用jQuery的新手，但我正在构建this site的移动版本。我目前已经构建了大部分主题here。

我想做的就是让它看起来像这样。

我设法让标题颜色改变但是现在因为我已经将它们添加到每个菜单项中，我似乎丢失了我的+和 - 图标，现在我只剩下一个空白的黑色圆圈。我尝试添加data-icon =“plus”和data-icon =“arrow-d”，但它们没有出现。这就是应用程序到目前为止的样子。

如何取回这些？

Answer 1

background属性是要编辑的正确属性，但是，您需要确保将其应用于正确的元素。

提供白色背景的元素是<a>元素下方的<h3>元素。

<h3 class="ui-collapsible ...">
    <a href="..." style="background: red">...</a>
</h3>

---

话虽如此，使用内联样式被视为不良做法。您应该将其作为类或其他内容放入外部CSS文件中，并应用这些样式。

示例CSS：

.red
{
    background: red;
}

示例HTML：

<h3 ...>
    <a href="..." class="red">...</a>
</h3>