Question

jQuery easyUI Accordion给title设置背景图片？

如图，就是要给About Accordion等三个标题设置背景图片。如果直接在title的DIV里面设置background-image，图片就会显示在标题下面的空白区域。请问这里应该怎么写？
下面就是我想要的答案。
$(function(){
var ss = $('#aa>div>div:first');
var ss2 = $('#aa>div>div:last');
var ss3 = ss2.prev('div');
var ss6 = $('#aa>div>div:eq(2)');
if(ss){
ss.css("background","url('12345.png')");
ss3.css("background","url('12345.png')");
ss6.css("background","url('12345.png')");
ss.toggle(
function(){
ss.css("background","url('345.png')");
},
function(){
ss.css("background","url('12345.png')");
}
);
ss3.toggle(
function(){
ss3.css("background","url('345.png')");
},
function(){
ss3.css("background","url('12345.png')");
}
);
ss6.toggle(
function(){
ss6.css("background","url('345.png')");
},
function(){
ss6.css("background","url('12345.png')");
}
);
}
});

这里aa就是accordion那个div的id。这样就可以随便确定title的背景图片了。

另外说一下，这个百度提问真TM的垃圾，一个问题重复提交了N次，经常这样。都不会去重。。。

Answer 1

需要在你的HTML文档中修改easyui默认的样式表

<style type='text/css'>

.accordion .accordion-header{

background:red;

border-top-width:0;

cursor:pointer;

}

.accordion-collapse{

background:url('你自己定义的图片') no-repeat;

}

.accordion-expand{

background:url('你自己定义的图片') no-repeat;

}

.panel-header{

background:url('你自己定义的图片') repeat-x;

border:1px solid black;

}

.panel-title{

background:url('你自己定义的图片') no-repeat;

}

</style>

Answer 2

在div里加上iconCls="icon-save"就行了，easyui定义了很多，也可以自己加的，把图片加在themes\icons目录下，然后按照命名规则写一下就行了

追问

外行，你说的只能显示在前面的那么一小块上。

追答

你想整个都加上，没试过，你内行，我只知道那可以换颜色，加背景？？自己找源码改吧。。。如果能改好的话顺便发我一个，不胜感激