jQuery手风琴图标不显示

我从来没有在jQuery中使用图标功能，但我认为他们将成为链接的UI样式表的一部分。在他们出现之前我需要下载图标包吗？这是我的项目，一切正常，只是没有图标。jQuery手风琴图标不显示

在Header：

<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>

感谢。

来源

2014-03-25 Longblog

是啊，如果你举办CSS样式表还必须承载图像精灵（S）。请注意，图像精灵需要位于相对于CSS样式表的相同位置（在文件系统中），因为它位于您从jQuery UI网站下载的ZIP文件中。 – Jasper

虽然我没有托管它们，但我使用jQuery.com提供的托管库和css。 – Longblog

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

我用你的代码创建了一个小提琴，包括CSS文件，并且一切正常。

http://jsfiddle.net/MaWsm/

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

来源

2014-03-25 20:39:49 rorymorris

说实话，我不会使用这些图标。我只是使用FontAwesome。我在这里分叉小提琴：http://jsfiddle.net/PJAwQ/ – rorymorris

伟大的，这正是我需要的。谢谢。 – Longblog

我忘记了刷新页面:)） – Tasos

jQuery手风琴图标不显示

回答

相关问题