为什么jQuery UI对话框没有最小化，最大化按钮？

我使用jQuery的1.9.1和jQuery-UI-1.10.2弹出一个对话框，我的代码如下：为什么jQuery UI对话框没有最小化，最大化按钮？

<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按钮，但我想展示给他们。我在this页面找到了，它的对话框有minimize和maximize按钮，我在作者的javascript代码中找不到关于对话框的任何特殊设置，并且他使用的jQuery-ui版本是1.8.16，我的jQuery-ui版本已删除此功能？

PS：我的jQuery-1.9.1.min.js和jQuery-ui-1.10.2.min，js是从官方网站下载的，没有任何自定义改变。

来源

2013-05-10 hiway

在该示例中查看jQuery UI的来源，它看起来像运行该博客站点的人添加了用于最小化和最大化支持的定制。您可以在代码中找到以下评论。

/* 
* jQuery UI Dialog 1.8.16 
* w/ Minimize & Maximize Support 
* by Elijah Horton ([email protected]) 
*/

您需要为支持该对话框的对话框添加自定义，或者包含扩展jQuery UI对话框的库。它看起来像this网站有一个名为jquery-dialogextend的插件，可以做你所要求的。

来源

2013-05-10 00:30:47 DSlagle

是的，谢谢大家。 – hiway 2013-05-10 00:39:47

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

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

来源

2013-05-10 00:30:10

另请参阅jQuery Dialogr。我认为这可以提供帮助。

来源

2014-01-22 06:23:25 theCodeMachine

我用扩展了jquery ui对话框的构件工厂做了一个小插件。

我使用了jQuery插件工厂增加新functionnalities

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

在jQuery UI的对话框代码，还有一个_createTitlebar方法。我覆盖它并添加最大化和最小化按钮

_createTitlebar: function() { 
    this._super(); 
    // Add the new buttons 
    ...   
    },

来源

2014-10-21 18:49:25 Thomas

尽管此链接可能会回答问题，但最好在此处包含答案的基本部分，并提供供参考的链接。如果链接页面更改，则仅链接答案可能会失效。 – 2014-10-21 19:37:47

对不起，这是我的第一篇文章^^ – Thomas 2014-10-21 21:43:00

没问题。欢迎来到堆栈溢出！感谢您扩大答案，包括与答案相关的部分。请查看[帮助]部分以熟悉网站的规则。 – 2014-10-21 22:11:48

为什么jQuery UI对话框没有最小化，最大化按钮？

回答

相关问题