如何從一個按鈕，在jQuery Mobile的對話框

Question

我有一個JQM對話框上有兩個按鈕脫衣CSS：

<a href="#" data-role="button" data-inline="true">Yes</a><a href="#" data-role="button" data-inline="true" data-rel="back">No</a> 

JQM增加了按鍵一堆造型，如：

ui-btn-inner ui-btn-corner-all .ui-corner-tl, .ui-corner-tr, .ui-corner-bl, .ui-corner-br, .ui-corner-top, .ui-corner-bottom, .ui-corner-right, .ui-corner-left, .ui-corner-all, .ui-btn-corner-tl, .ui-btn-corner-tr, .ui-btn-corner-bl, .ui-btn-corner-br, .ui-btn-corner-top, .ui-btn-corner-bottom, .ui-btn-corner-right, .ui-btn-corner-left, .ui-btn-corner-all 

如何去掉所有這些信息，以便自己設計按鈕的樣式？

Answer 1

您應該使用您定義的css來替代它們，而不是將它們去掉，因爲您不知道jquery-ui.js中的哪些功能取決於所存在的類。

這樣說：

$('a[data-role="button"]').removeClass('ui-btn-inner ui-btn-corner-all ....'); 

覆蓋的風格，創造自己的CSS文件和jQuery的ui.css之後添加對它的引用，每一類你想覆蓋，現在的樣子把你自己的風格。

Answer 2

向按鈕添加data-role =「none」，JQM將使其保持獨立，而不是樣式。