從jquery mobile中的按鈕中刪除圓角

在單個/多個頁面jquerymobile頁面模板中，我有以下按鈕標記。從jquery mobile中的按鈕中刪除圓角

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

我需要使用jquerymobile文檔中給出的按鈕選項禁用此按鈕的圓角。

我試圖在每一個事件，如pagebeforecreate，pageinit，pagecreate $('a').buttonMarkup({ corners: "false" })和mobileinit

我從來沒有得到它的工作，並已與它努力使之成爲相當長的時間。現在我不想使用數據屬性data-corners =「false」。

請提出意見

來源

2012-06-04 piscript

你可以添加一部分腳本代碼嗎？ – Jorge

這應該工作：$('a').buttonMarkup({ corners: false })注意「false」不應該是一個字符串。

無論如何，如果你想使默認行爲，你可以嘗試這樣的：

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

應該工作一樣在每個按鈕具有data-corners="false"。

來源

2012-10-02 09:42:55 mdker

您可以覆蓋JqueryMobile CSS在你的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-04 18:52:44 mario

謝謝馬里奧。這種方法工作得很好。我期待着詳細說明根據他們的文檔使用JavaScript調用來做什麼可能是正確的方法 – piscript

$(function(){ 
    $('body *').removeClass('ui-btn-corner-all'); 
});

讓jquery選擇器更加優化。把它當作一個主意。

來源

2012-06-15 06:45:49 Sadi

從jquery mobile中的按鈕中刪除圓角

回答

相關問題