Question

有谁能告诉我这段代码有什么问题？没有+图标出现。

我有什么：

JS（jQuery）：

<script>
  $(document).ready(function() {
    $(function() {
      $("#accordion").accordion({
        icons: icons,
        collapsible: true,
        active: false,
        heightStyle: "content"
      });
      var icons = {
        header: "ui-icon-circle-plus",
        activeHeader: "ui-icon-circle-minus"
      };

    });
  });
</script>

CSS：

.ui-icon-circle-plus {
    background-color:red;
    background-size:20px;
    width:20px;
    height:20px;
}

Answer 1

在手风琴设置中使用之前，您需要定义icons对象：

$(document).ready(function(){

     var icons = {
      header: "ui-icon-circle-plus",
      activeHeader: "ui-icon-circle-minus"
    };

     $("#accordion").accordion({
      icons: icons,
      collapsible: true,
      active: false,
      heightStyle: "content"
    });

  });

此外，通过在您自己的ui-icon-circle-plus类中定义css内容，您将覆盖该类中的某些样式。具体而言，设置背景颜色将覆盖图像。这就是我对你的css所做的事情，使它能正确显示：

.ui-icon-circle-plus {
    <!--background-color:red;-->
    background-size:20px;
    width:18px;
    height:20px;
}

这是工作小提琴： https://jsfiddle.net/fmug178v/3/

祝你好运！

手风琴图标不会出现

1 个答案: