0

我正在尝试在我的应用程序顶部添加一个水平工具栏(使用 android webview 和 jquery mobile),其中包含一堆按钮(太多,无法在一行中显示在屏幕上)。

我面临的问题是,它们没有隐藏额外的按钮,而是环绕到下一行。我想要的是通过水平滚动它们来隐藏和访问它们,就像原生 ListView 允许我做的那样。

我尝试使用 ListView 将按钮放入,并通过 loadUrl() 将按钮按下传递给 javascript 代码,但这会导致其他问题并且在我的情况下不可用(它会自动隐藏软键盘)。

我尝试了以下代码(以及包装在 jquery 移动工具栏中的代码):

<ul data-role="controlgroup" data-type="horizontal">                    
                <li><a href="" data-role="button" id="boldButton" data-inline="true">B</a></li>
<li><a href="" data-role="button" id="italicButton" data-inline="true">I</a></li>
<li><a href="" data-role="button" id="underlineButton" data-inline="true">U</a></li>
<li><a href="" data-role="button" id="strikethroughButton" data-inline="true">S</a></li>
<li><a href="" data-role="button" id="orderedListButton" data-inline="true">ol</a></li>
<li><a href="" data-role="button" id="unorderedListButton" data-inline="true">ul</a></li>
<li><a href="" data-role="button" id="indentButton" data-inline="true">in</a></li>
<li><a href="" data-role="button" id="outdentButton" data-inline="true">out</a></li>
<li><a href="" data-role="button" id="subscriptButton" data-inline="true">sub</a></li>
<li><a href="" data-role="button" id="superscriptButton" data-inline="true">sup</a></li></ul>   

但这只是绕到下一行。

4

1 回答 1

0

尝试将 ul 放在一个 div 中,并将 div 的 width 属性设置为一个大值,足以容纳所有按钮。然后将溢出属性设置为自动,你应该很高兴。

于 2012-10-22T18:53:13.110 回答