Jquery 手风琴插件
我正在使用 Jquery 手风琴插件。 我需要使用我自己的标题图标， 根据文档，我需要创建带有背景图像的CSS类。
所以我在我的css文件中做了这个。
.normal_arrow {
background : url(../images/arrowonly.jpg);
}
.circle_arrow {
background : url(../images/circle_arrow.jpg);
}
.circle_arrow_down {
background : url(../images/circle_arrow_down.jpg);
}
然后在 javascript:
$("#accordion").accordion({
header: "h3",
clearStyle: true,
autoHeight: false,
icons: {
header: "normal_arrow",
headerSelected: "circle_arrow_down"
}
});
但没有出现箭头。
I am use Jquery accordion plugin.
I need to use my own header icons,
according to doc, i need to create css class with background image.
so i did this in my css file.
.normal_arrow {
background : url(../images/arrowonly.jpg);
}
.circle_arrow {
background : url(../images/circle_arrow.jpg);
}
.circle_arrow_down {
background : url(../images/circle_arrow_down.jpg);
}
then in javascript:
$("#accordion").accordion({
header: "h3",
clearStyle: true,
autoHeight: false,
icons: {
header: "normal_arrow",
headerSelected: "circle_arrow_down"
}
});
but there is no arrows showed up.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（6）
同样的问题，我不得不使用position:absolute; 使图标容器具有宽度和高度。
Same problem, I had to use position:absolute; to make the icon container take a width and a height.
你的代码看起来是正确的。
尝试使用
background-image:而不是background:还可以使用 等工具
Firebug以绝对确保相关路径位于您认为的位置。Your code looks correct.
Try using
background-image:instead ofbackground:Also use a tool like
Firebugto make absolutely sure the relatives paths are going where you think they are going.使用
!important:因为你需要覆盖默认样式。
Use
!important:because you need to overwrite the default style.
在 CSS 中使用背景图像，在 JavaScript 中您需要将 header 和 headerSelected 放在引号中。
In the CSS use background-image and in the JavaScript you need to put header and headerSelected in quotes.
背景使用不当。 为了渲染可能使用
或
Incorrect use of background. For that to render probably either use
or
注意：这仅适用于不使用任何 jquery 样式的用户。 （即）您没有在文件中包含 jquery 的 css。
CSS中的默认样式是这样的：
所以如果你设置了一个带有背景图片、宽度和高度的div，但它仍然不会显示，这是因为上面的类。
将其添加到您的文档中：
NOTE: this is only for users who are NOT using any jquery styling. (ie) you didn't include jquery's css in the file.
the default style in the CSS is this:
So if you set up a div with a background image, width and height, but it still won't show up, its because of the above class.
Add this to your document: