在JQM中制作垂直按钮列表

Making a vertical button list in JQM

本文关键字：垂直 按钮 列表 JQM      更新时间：2024-06-03

我正试图在我的主要内容页面上创建一个垂直按钮列表，当每个按钮都将您转移到另一个页面时。

但每次我试图把它们一个放在另一个上面时，它们都非常长，因为默认的JQM设置。

这是我的代码atm:

<fieldset data-role="controlgroup" data-type="vertical" data-mini="true"  class="buttons">
<a href="#popupLogin" data-rel="popup" data-position-to="window" data-role="button"  data-icon="info"  data-transition="pop" data-inline="true">Sign in</a>
<a href="#popupRegister" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="check"  data-transition="pop" >New user? Sign Up!</a>
<a href="#"  data-role="button" data-inline="true" data-icon="star"  data-transition="slideup" >Return a car</a>
<a href="#directions_map" class="show-page-loading-msg" data-role="button" data-inline="true">Map and routing</a>
<a href="#catalog" data-role="button" data-inline="true">Car Catalog</a></p>
</fieldset>

尝试将<br>放在每个按钮的开头，将</br>放在每个按键的末尾更具体地说，这里有一个经过编辑的版本：

    <fieldset data-role="controlgroup" data-type="vertical" data-mini="true"  class="buttons">
<br><a href="#popupLogin" data-rel="popup" data-position-to="window" data-role="button"  data-icon="info"  data-transition="pop" data-inline="true">Sign in</a></br>
<br><a href="#popupRegister" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="check"  data-transition="pop" >New user? Sign Up!</a></br>
<br><a href="#"  data-role="button" data-inline="true" data-icon="star"  data-transition="slideup" >Return a car</a></br>
<br><a href="#directions_map" class="show-page-loading-msg" data-role="button" data-inline="true">Map and routing</a></br>
<br><a href="#catalog" data-role="button" data-inline="true">Car Catalog</a></br></p>
</fieldset>
相关文章：