在jQuery mobile 1.4.0中展开后,可以删除可折叠边框

时间:2014-01-23 15:07:24

标签: jquery-mobile jquery-mobile-collapsible

我在jQuery mobile 1.4.0应用程序中有以下可折叠集,问题是当我展开可折叠然后关闭它时,此可折叠的顶部边框被移除,如下图所示。我该怎么做才能解决这个问题?

请帮帮我..

<div data-role="page"    id="InfoPage">

<div  data-role="header"  data-position="fixed"  data-tap-toggle="false" data-  fullscreen="false"   data-theme="b" style="height:60px;" >

<div style="padding-top:15px;"> <font  color="white" >Information </font></div>
</div> 


 <div data-role="content" >

<div data-role="collapsible"  data-iconpos="left"   data-collapsed-icon="carat-d" data-  expanded-icon="carat-u"  >
<h3><div>Country</div></h3>

<div data-role="collapsible-set"  data-iconpos="left"    data-collapsed-icon="carat-   d" data-expanded-icon="carat-u" > 

<div data-role="collapsible"  >
<h3 class="Mycollapsible"><div style="color:white;font-weight:normal;">Governorate1</div></h3>
<ul  data-role="listview" >
<li data-icon='false'>
<font class="NameStyle">Village1</font>
</li>

<li data-icon='false'>
<font class="NameStyle"> Village2</font>
</li>
<li data-icon='false'>
<font class="NameStyle"> Village3</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village4</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village5</font>
</li>


</ul>
</div>

<div data-role="collapsible"   >
<h3 class="Mycollapsible"><div style="color:white;font-weight:normal;" >Governorate2</div></h3>
<ul  data-role="listview" >
<li data-icon='false'>
<font class="NameStyle">Village1</font>
</li>

<li data-icon='false'>
<font class="NameStyle"> Village2</font>
</li>
<li data-icon='false'>
<font class="NameStyle"> Village3</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village4</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village5</font>
</li>


</ul>
</div>

<div data-role="collapsible"   >
<h3  class="Mycollapsible" ><div  style="color:white;font-weight:normal;">Governorate3</div></h3>
<ul  data-role="listview" >
<li data-icon='false'>
<font class="NameStyle">Village1</font>
</li>

<li data-icon='false'>
<font class="NameStyle"> Village2</font>
</li>
<li data-icon='false'>
<font class="NameStyle"> Village3</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village4</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village5</font>
</li>



</ul>
</div>

<div data-role="collapsible"  >
<h3 class="Mycollapsible" ><div  style="color:white;font-weight:normal;">Governorate4</div></h3>
<ul  data-role="listview" >
<li data-icon='false'>
<font class="NameStyle">Village1</font>
</li>

<li data-icon='false'>
<font class="NameStyle"> Village2</font>
</li>
<li data-icon='false'>
<font class="NameStyle"> Village3</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village4</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village5</font>
</li>

</ul>
</div>


<div data-role="collapsible"  >
<h3 class="Mycollapsible" ><div  style="color:white;font-weight:normal;">Governorate5</div></h3>
<ul  data-role="listview" >
<li data-icon='false'>
<font class="NameStyle">Village1</font>
</li>

<li data-icon='false'>
<font class="NameStyle"> Village2</font>
</li>
<li data-icon='false'>
<font class="NameStyle"> Village3</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village4</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village5</font>
</li>
    </ul>
</div>

<div data-role="collapsible"  >
<h3  class="Mycollapsible"><div  style="color:white;font-weight:normal;">Governorate6</div></h3>
<ul  data-role="listview" >
<li data-icon='false'>
<font class="NameStyle">Village1</font>
</li>

<li data-icon='false'>
<font class="NameStyle"> Village2</font>
</li>
<li data-icon='false'>
<font class="NameStyle"> Village3</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village4</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village5</font>
</li>

</ul>
</div>

<div data-role="collapsible"  >
    <h3  class="Mycollapsible"><div  style="color:white;font-     weight:normal;">Governorate7</div></h3>
<ul  data-role="listview" >
<li data-icon='false'>
<font class="NameStyle">Village1</font>
</li>

<li data-icon='false'>
<font class="NameStyle"> Village2</font>
</li>
<li data-icon='false'>
<font class="NameStyle"> Village3</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village4</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village5</font>
</li>

</ul>
</div>

</div>

   </div>

enter image description here

0 个答案:

没有答案