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 是从官网下载的，没有任何自定义更改。

4

4 回答 4

9

查看该示例中的 jQuery UI 的源代码，看起来运行该博客站点的人添加了自定义以最小化和最大化支持。您可以在代码中找到以下注释。

/*
 * jQuery UI Dialog 1.8.16
 * w/ Minimize & Maximize Support
 * by Elijah Horton (fieryprophet@yahoo.com)
*/

您需要为对话框添加自定义项以支持此功能，或者包含一个扩展 jQuery UI 对话框的库。看起来这个站点有一个名为 jquery-dialogextend 的插件，可以满足您的要求。

于 2013-05-10T00:30:47.390 回答
1

如果您查看该页面中链接的jquery-ui.js文件的中间部分，则从第 366 行到第 1429 行附近有一段未缩小的代码，他在其中添加了自定义代码来处理最小化/最大化功能。

请注意，不能保证这部分代码在 1.8.16 以外的任何版本的 jQuery UI 中都能正常工作（或完全不工作）。

于 2013-05-10T00:30:10.513 回答
0

另请查看jQuery Dialogr。我认为这会有所帮助。

于 2014-01-22T06:23:25.073 回答
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 回答