【问题标题】:Controlgroup in panel seems not working [closed]面板中的控制组似乎不起作用[关闭]
【发布时间】:2014-11-30 17:40:10
【问题描述】:

我正在使用 JQM 开发一个应用程序。我想在面板中使用控制组作为菜单,但它无法正常工作...

在这里查看 jsfiddle > 点击左上角的齿轮按钮:http://jsfiddle.net/japx5xxh/

如何删除按钮顶部和底部的边距?

HTML:

<div data-role="panel" id="home-options" data-display="overlay" class="ui-mini ui-panel-inner">
    <div data-role="control group">
        <a href="#" class="ui-btn ui-corner-all">No icon</a>
        <a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-left">Left</a>
        <a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-right">Right</a>
    </div>
</div>

CSS:

.ui-panel-inner { 
    padding: 0 !important;
}

非常感谢!

【问题讨论】:

  • &amp;nbsp; 已添加到锚点之间,删除它们并从面板 div 中删除类 `ui-panel-inner`,它将动态添加并包装内容。 jsfiddle.net/Palestinian/japx5xxh/1
  • 确实如此。谢谢你。附加问题:您知道如何删除按钮的圆角吗?我已经删除了ui-corner-all,但它不起作用。 jsfiddle.net/japx5xxh/3
  • 尝试将data-corners="false" 添加到控制组div。

标签: jquery-mobile menu panel


【解决方案1】:

正如 Omar 所说,问题来自 &amp;nbsp;,我的文本编辑器出于未知原因在控制组元素之间添加了该问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-03
    • 2018-05-19
    • 2017-05-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多