0

我怎样才能覆盖这些 JQM 增强功能，这样我才能拥有一个选择菜单和一个按钮，它们就在彼此旁边。所有的演示都只是在他们的面板示例底部放了一个简单的大按钮，但我得到了真正的内容，有时它会变得很长。所以我需要一个后退按钮，我不希望 data-dismissible 或其他 data- 属性用于刷卡......（数据属性死亡）;）

小提琴在这里 

    <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>
4

2 回答 2

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;
 }
于 2014-03-20T14:14:08.183 回答
0

非常感谢您的回复。我仔细检查了所有属性，发现 data-inline="true"

对于选择和按钮

这样做后选择太小了，所以我在 JQM 增强后找到了与之关联的样式

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

更新的小提琴在这里

于 2014-03-20T14:59:46.520 回答