在面板中的同一行上选择并按钮

时间:2014-03-20 13:02:17

标签: jquery-mobile jquery-mobile-button

如何覆盖这些JQM增强功能,以便我可以将选择菜单和按钮紧挨着。所有的演示只是在他们的Panel示例的底部放了一个简单的大按钮,但我得到了真实的内容,有时它可能会很长。所以我需要一个后退按钮,我不想要数据不允许或其他数据属性用于滑动....(按数据属性死亡);)

小提琴是HERE

    <div data-role="panel" id="leftPanel" data-display="reveal" data-position="left" data-position-fixed="true" data-swipe-close="true" data-dismissible="true">
    <div data-role="fieldcontain" data-theme="a">
        <select name="selectNavType" id="selectNavType" data-mini="true">
            <option value="TopicsNavView" selected="selected">Topic</option>
            <option value="IndexNavView">Index</option>
            <option value="ToolsNavView" >Tools</option>
        </select>
        <a href="#" data-rel="close" data-role="button" data-icon="carat-l" data-iconpos="notext" data-shadow="false" data-iconshadow="false" ></a>
    </div>    
</div>

2 个答案:

答案 0 :(得分:1)

你的意思是你想在选择上想要一个更大的图标吗?

如果是这样,你可以使用这个css

.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after #selectNavType  {
 margin-top:-14px;
 width: 28px;
 height: 28px;
 }

答案 1 :(得分:0)

非常感谢您的回复。我仔细检查了所有属性并找到了      数据列直插=&#34;真&#34;

用于选择和按钮

这样做之后选择太小了所以我在JQM增强后发现了与之相关的风格

  .ui-panel-inner > .ui-field-contain > .ui-select.ui-btn-inline {width:10em;}

更新的FIDDLE是HERE