从jQuery Mobile中的可折叠集中删除图标

Question

我一直在试图通过设置属性删除从一个可折叠的设置图标data-iconpos="none"在div充当collapsible-set,但没有运气.它会删除它但仍留下某种阴影.

Answer 1

唯一的解决方案是使用CSS,尝试向可折叠的类添加类,例如: class='listItemNoIcon'

在您的HTML文件中添加以下内容:

<div  class='listItemNoIcon' data-role='collapsible' data-collapsed='false'>
</div>

并将其添加到您的css文件中:

.listItemNoIcon .ui-icon
{

 display: none;

}

Answer 2

使用jQuery Mobile 1.4.0,您还可以将data-collapsed-icon和data-expanded-icon属性设置为false.

<div data-role="collapsible" data-collapsed-icon="false" data-expanded-icon="false" data-theme="a">
     <h2>My Account</h2>

    <ul class="ui-listview mainNav" data-role="listview" data-theme="a">
        <li data-icon="carat-r"> <a href="#">Manage Account</a>

        </li>
        <li data-icon="carat-r"> <a href="#">Edit Profile</a>

        </li>
        <li data-icon="carat-r"> <a href="#">Upload Profile Picture</a>

        </li>
    </ul>
</div>

的jsfiddle