2013-05-10 6 views
5

Я использую JQuery-1.9.1 и JQuery-UI-1.10.2 для вызова диалогового окна, мой код ниже:Почему jQuery UI Dialog не имеет минимума, максимизирует кнопки?

<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 JavaScript, а версия jQuery-ui, используемая им, 1,8.16, делает jQuery-ui моего версия удалила эту функциональность?

PS: my jQuery-1.9.1.min.js и jQuery-ui-1.10.2.min, js загружаются с официального сайта, без каких-либо изменений настроек.

ответ

8

Рассматривая источник пользовательского интерфейса jQuery в этом примере, похоже, что парень, который запускает этот блог, добавил настройку для минимизации и максимальной поддержки. Вы можете найти следующий комментарий в коде.

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

Вам нужно будет добавить настройки для диалогового окна, чтобы поддержать это или включать в себя библиотеку, которая расширяет диалог JQuery UI. Похоже, у сайта this есть плагин с именем jquery-dialogextend, который будет делать то, о чем вы просите.

+0

да, спасибо всем. – hiway

1

Если вы посмотрите на середину файла jquery-ui.js, связанного на этой странице, есть раздел неузнанного кода от строки 366 до строки 1429, где он добавил пользовательский код для обработки функций минимизации/максимизации.

Обратите внимание, что нет гарантии, что раздел кода будет работать правильно (или вообще) в любой версии jQuery UI, отличной от 1.8.16.

0

Я сделал небольшой плагин с фабрикой виджета, который расширяет диалог jquery ui.

Я использую JQuery виджет завод, чтобы добавить новые functionnalities

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

В диалоговом коде Jquery UI, есть метод _createTitlebar. я переопределить его и добавить развернуть или свернуть кнопку

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

Хотя эта ссылка может ответить на вопрос, лучше включить здесь основные части ответа и предоставить ссылку для справки. Ответные ссылки могут стать недействительными, если связанная страница изменится. –

+0

Извините, это мой первый пост ^^ – Thomas

+0

Нет проблем. Добро пожаловать в переполнение стека! Благодарим вас за расширение ответа, чтобы включить части, относящиеся к ответу. Пожалуйста, ознакомьтесь с разделом [help], чтобы ознакомиться с правилами сайта. –

 Смежные вопросы

  • Нет связанных вопросов^_^