0

次のように、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- don't-need のように、コーナーはui-btnとui-btn-innerをラップするため、Jquery によってのみアクセスできます (don'したくない）。

他のアイデアはありますか？

入力していただきありがとうございます！

4

1 に答える 1

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>
于 2012-07-29T13:00:14.457 に答える