Question

我正在使用Jquery Mobile输入构建控制组，如下所示：

<div data-role="controlgroup">
    <span class="ui-li ui-li-divider ui-bar-a ui-corner-top"><span class="ui-divider-text">Divider</span></span>
    <input type="button" data-icon="arrow-r" data-iconpos="right" value="text" />
    ....
</div>

虽然这很好用，但我经常最终得到输入元素也会出错。我尝试通过将 data-corners =“false”添加到输入中来覆盖JQM

<input type="button" data-icon="arrow-r" data-corners="false" data-iconpos="right" value="text" />

但是因为这包含了输入元素的div.ui-btn，所以它不起作用。

问题：
有没有办法告诉JQM不要在角落上放置角落？我无法在输入元素中添加类（例如 ui-corner-I-not-need ，因为角落将包含 ui-btn 和 ui-btn-inner ，我只能通过Jquery访问（不想要）。

还有其他想法吗？

感谢您的投入！

Answer 1

尝试使用您的代码，只需为div提供id

<script type="text/javascript">
        $(document).ready(function(){
            $('#buttongp > div.ui-controlgroup-controls > div:first').removeClass("ui-corner-top");
        });
    </script>


<div data-role="controlgroup" data-inset="true" id="buttongp">
                <span  id="buttonspangp" data-role="list-divider" class="ui-li ui-li-divider ui-bar-a ui-corner-top"><span class="ui-divider-text">Divider</span></span>
                <input type="button" data-icon="arrow-r" data-corners="false" data-iconpos="right" value="text" />
                <input type="button" data-icon="arrow-r" data-corners="false" data-iconpos="right" value="text" />
                <input type="button" data-icon="arrow-r" data-corners="false" data-iconpos="right" value="text" />
            </div>

如何创建一个没有输入元素角落的Jquery Mobile按钮？

1 个答案: