jQuery手风琴图标不显示

时间:2014-03-25 20:36:10

标签: jquery jquery-ui

之前我从未使用过jQuery中的图标功能,但我认为它们将成为链接UI样式表的一部分。我需要在它们出现之前下载图标包吗?这是我的项目,一切正常,只是没有图标。

在标题中:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

在页脚中:

<script>
  jQuery(function() {
    var icons = {
      header: "ui-icon-circle-arrow-e",
      activeHeader: "ui-icon-circle-arrow-s"
    };
    jQuery( "#accordion" ).accordion({
      icons: icons,
      collapsible: true,
      active: false,
      heightStyle: "content"
    });
  });
</script>

手风琴元素的实际html结构:

<div id="accordion">
  <h3>Header Text</h3>
  <div>
    <p>Words and stuff</p>
  </div>
  <h3>Oh hello, I'm the second header</h3>
  <div>
    <p>SO MANY WORDS!</p>
  </div>
</div>

感谢。

1 个答案:

答案 0 :(得分:5)

你需要根据它的外观包含一些CSS文件。

我已经创建了一个代码,包括CSS文件,并且一切正常。

http://jsfiddle.net/MaWsm/

<link href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet">