Jquery mobile - 如何从右侧向可折叠集添加箭头左侧图标

时间:2014-03-16 19:18:28

标签: javascript jquery jquery-mobile

是否可以在折叠时将箭头左侧图标添加到可折叠项目中,并在Jquery mobile中从右侧扩展到可折叠集合时使用subb符号?谢谢。

collapsible_set

HTML:

<div id="set_featured" data-role="collapsible-set">
                        <div id="our_business" data-role="collapsible">
                        <h3>Our Business Activities</h3>                                                    
                        {section name=element loop=$sub_category_cat_210}
                        <a href="/{$country}/{$lang}/{$sub_category_cat_210[element].ID}_{$sub_category_cat_210[element].friendlyTitle}.html" target="_blank">
                            {$sub_category_cat_210[element].Title}
                        </a><br />
                        {/section}
                        </div>

                        <div id="portfolio" data-role="collapsible">
                        <h3>Portfolio</h3> 
                        {section name=element loop=$sub_category_cat_211}
                            <a href="/{$country}/{$lang}/{$sub_category_cat_211[element].ID}_{$sub_category_cat_211[element].friendlyTitle}.html">
                             {$sub_category_cat_211[element].Title}
                            </a><br />
                        {/section}                                                        
                        </div>
                        <div id="customer_references" data-role="collapsible">
                        <h3>Customer References</h3>
                        {section name=element loop=$sub_category_cat_10}
                            <a href="/{$country}/{$lang}/{$sub_category_cat_10[element].ID}_{$sub_category_cat_10[element].friendlyTitle}.html">
                             {$sub_category_cat_10[element].Title}  
                            </a><br />
                        {/section}
                        </div>                       
                        <div id="featured" data-role="collapsible">
                        <h3>Featured</h3>                                                                        
                            <a href="http://www.example.com" target="_blank">ATS Inspect</a>
                            <a href="http://www.example.com" target="_blank">ATS CM4D</a><br />
                            <a href="http://www.example.com" target="_blank">ATS Intelligence (OEE)</a><br />
                            <a href="http://www.example.com" target="_blank">ATS Quality Products</a><br />
                            <a href="http://www.example.com" target="_blank">ATS Academy</a><br />
                            <a href="http://www.example.com" target="_blank">ATS Lean Six</a><br />
                            <a href="http://www.example.com" target="_blank">ATS MES</a><br />
                        </div> 
 </div> 

0 个答案:

没有答案