6

jQuery-1.9.1 と jQuery-ui-1.10.2 を使用してダイアログをポップアップしています。コードは以下のとおりです。

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jqueryUI/theme/redmond/jquery-ui-   1.10.2.custom.min.css" />
<script type="text/javascript">
$(function(){
    $("#dialog").dialog();
});
</script>
 </head>
  <body>
<div id="dialog">
     hello, this is a dialog
</div>
</body>

ダイアログにはcloseボタン、いいえminimize、maximizeボタンしかありませんが、それらを表示したいと思います。このページでは、ダイアログにはボタンがminimizeありmaximize、作成者の JavaScript コードにはダイアログに関する特別な設定はありません。使用した jQuery-ui バージョンは 1.8.16 で、私のバージョンの jQuery-ui にはありますかこの機能を削除しましたか？

PS : 私の jQuery-1.9.1.min.js と jQuery-ui-1.10.2.min,js は公式 Web サイトからダウンロードされ、カスタマイズの変更はありません。

4

4 に答える 4

0

jquery ui ダイアログを拡張するウィジェット ファクトリを使用して小さなプラグインを作成しました。

jquery ウィジェット ファクトリを使用して新しい機能を追加します

$.widget('fq-ui.extendeddialog', $.ui.dialog, {
...
})(jQuery);

Jquery UI ダイアログ コードには、_createTitlebar メソッドがあります。それをオーバーライドして、最大化ボタンと最小化ボタンを追加します

_createTitlebar: function () {
    this._super();
    // Add the new buttons
    ...        
    },
于 2014-10-21T18:49:25.877 に答える