1

単一/複数ページのjquerymobileページテンプレートに次のボタンマークアップがあります。

<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="right" >About Us</a>

jquerymobile ドキュメントに記載されているボタン オプションを使用して、このボタンの丸い角を無効にする必要があります。

$('a').buttonMarkup({ corners: "false" })pagebeforecreate、pageinit、pagecreate、mobileinit などのすべてのイベントで試しました

私はそれを機能させることができず、かなり長い間それを作るのに苦労してきました. 今のところ、データ属性 data-corners="false" を使用したくありません。

アイデアを提案してください

4

3 に答える 3

4

これは機能するはず$('a').buttonMarkup({ corners: false })です。「false」は文字列であってはならないことに注意してください。

とにかく、それをデフォルトの動作にしたい場合は、次のようなものを試すことができます:

$(document).bind('mobileinit', function(){
    $.fn.buttonMarkup.defaults.corners=false;
});

data-corners="false"これは、すべてのボタンをオンにした場合と同じように機能するはずです。

于 2012-10-02T09:42:55.867 に答える
3

css で JqueryMobile css をオーバーライドできます

通常の jqm

.ui-btn-corner-all {
    -moz-border-radius:                 1em /*{global-radii-buttons}*/;
    -webkit-border-radius:              1em /*{global-radii-buttons}*/;
    border-radius:                      13px /*{global-radii-buttons}*/;
}

あなたのCSSに追加するだけです

.ui-btn-corner-all{-moz-border-radius:0;-webkit-border-radius: 0;border-radius: 0;}
于 2012-06-04T18:52:44.890 に答える
1 
$(function(){
    $('body *').removeClass('ui-btn-corner-all');
});

jquery セレクターをより最適化します。単なるアイデアとして受け取ってください。

于 2012-06-15T06:45:49.037 に答える