删除列表视图jQuery Mobile的行分隔符 [英] Remove line separator of listview jquery mobile

问题描述

我正在使用Jquery mobile的列表视图，并且想删除CSS中每个列表项的行分隔符.我怎样才能做到这一点?谢谢.

<ul data-role="listview" class="panel-list" data-icon="false">
            <li>
                <a href="#" data-t="lateral_menu_option1" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option2" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option3" data-t="lateral_menu_option2" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option4" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option5" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option6" onclick="localStorage.setItem('languagegiza', ''); $('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
        </ul>
    </div><!-- /panel -->

解决方案

我已完成此操作，并只写在我的css文件中:

#listview-main .ui-btn {border:0px}

使用jQuery 1.11.2 + jQuery Mobile 1.4.5
注意listview的id选择器...如果没有该代码，该代码将无法正常工作.

I am using a listview of Jquery mobile and I want to remove the line separator of each list item in my css. How can I do this? Thank you.

<ul data-role="listview" class="panel-list" data-icon="false">
            <li>
                <a href="#" data-t="lateral_menu_option1" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option2" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option3" data-t="lateral_menu_option2" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option4" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option5" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option6" onclick="localStorage.setItem('languagegiza', ''); $('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
        </ul>
    </div><!-- /panel -->

解决方案

I have done this and just wrote in my css file:

#listview-main .ui-btn {border:0px}

Using jQuery 1.11.2 + jQuery Mobile 1.4.5
Note the id selector for listview... this code does not worked without that.

这篇关于删除列表视图jQuery Mobile的行分隔符的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！