2010-12-18 124 views
0

http://jqueryui.com/demos/accordion/#custom-icons如何自定義加/減jQuery UI的手風琴圖像

我想在下面我的手風琴添加這些上下箭頭圖標。我應該如何修改我的代碼?需要幫助不好。日Thnx

<cc1:Accordion ID="Accordion1" runat="server" FadeTransitions="true" Visible="true" AutoSize="None"SelectedIndex="0" RequireOpenedPane="false" TransitionDuration="250" 
HeaderCssClass="accordionHeader toggler" 
    HeaderSelectedCssClass="accordionHeader toggler-expanded" ContentCssClass="accordionContent"> 
       <HeaderTemplate> 

        <b style="color: Black"> 

         <%#Eval("Ques")%> 
        </b> 
       <ContentTemplate> 
       <p> <%#DataBinder.Eval(Container.DataItem, "QuesAns")%></p> 

       </ContentTemplate> 
      </cc1:Accordion> 
+0

您應該發佈由您的.NET代碼生成的HTML。這將使故障排除變得更容易。 – sgriffinusa 2010-12-18 07:05:16

+0

好的..給我一分鐘 – Serenity 2010-12-18 07:08:46

回答

0

變化:

.toggler {   
    background:url("/images/icons/plus.png") no-repeat left center transparent;  
}   

.toggler-expanded {   
    background-image:url("/images/icons/minus.png"); 
} 

到:

.toggler {   
    background:url("path/to/yourimage.png") no-repeat left center transparent;  
}   

.toggler-expanded {   
    background-image:url("path/to/yourimage.png"); 
} 

但是,你應該看一看jQuery theming