如何让jquery移动控制组宽度100％？ [英] how to let jquery mobile controlgroup width 100%?

问题描述

我正在使用jquery mobile进行演示...
i想让localnav的宽度为100％...
但是我不知道怎么做...这里
代码...

i'm useing jquery mobile to do a demo... i want to let the width of localnav be 100%... but i don't know how to do that... code here...

<ul data-role="controlgroup" data-type="horizontal" class="localnav">
    <li><a href="#" data-role="button" data-transition="fade" class="ui-btn-active">111</a></li>
    <li><a href="#" data-role="button" data-transition="fade">222</a></li>
    <li><a href="#" data-role="button" data-transition="fade">333</a></li>
</ul>

帮帮我...谢谢......

help me pls...thank you...

推荐答案

看一下 JQuery Mobile的导航栏
虽然它通常用在页眉/页脚中，但它可以在其他地方使用。它将生成一个包含按钮的全宽条。

Take a look at JQuery Mobile's navbar Though it's normally used in a header/footer, it can be used elsewhere. It will produce a full-width bar containing your buttons.

       <div data-role="navbar">
            <ul>
                <li><a href="#" data-icon="plus" data-role="button">Button1</a></li>
                <li><a href="#" data-icon="minus" data-role="button">Button2</a></li>
                <li><a href="#" data-icon="check" data-role="button">Button3</a></li>
            </ul>
        </div>

这篇关于如何让jquery移动控制组宽度100％？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！