0

次の jQuery スクリプト/テーマが含まれているページがあります。私が望むデフォルトのテーマは、適用可能なすべての要素の「ui-lightness」ですが、「cupertino」テーマに従って jQuery ダイアログ ボックスのスタイルを設定したいと考えています。この要件を自分のページにどのように実装しますか?

<!doctype html>
<html>
 <head>
<meta charset="utf-8">
<title>jQuery UI Example Page</title>
  <link type="text/css" href="css/cupertino/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
  <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
  <script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
  <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
4

2 に答える 2

1

ダイアログ要素を見ると。作成時に追加されるクラスを見てください。次に、それぞれの css ファイルを調べて、cupertino テーマ クラスを lightness css ファイルにコピーし、lightness ファイル内のクラスを置き換えます。それはすべてcssでスタイル設定されており、すべてのクラスは同じ名前が付けられているため（私は信じています）、セミカスタムcssファイルを作成するだけでうまく機能します。

于 2012-07-17T00:30:12.663 に答える
0

すべてのjquery uiクラスはで始まると思うui-ので、ダイアログウィジェットを見つけて、ui-toで始まるすべてのスタイルを変更しXui-、他のテーマXui-にui-

var widget = $('#dialog').dialog('widget');
widget.find('[class^=ui-]').add(widget).each(function(){
    $this = $(this);
    var classes = $this.attr('class');
    $.each(classes.split(' '), function(i, v){
        if (v.indexOf('ui-') == 0){
            this.removeClass(v);
            this.addClass('X'+v);
        }
    });
});
于 2012-07-17T01:25:13.780 に答える