размер заголовка диалогового окна jqueryUI
Я создаю систему бронирования гостиницы, которая требует большого количества модальных диалоговых окон. С этой целью я использую jqueryUI диалоговый виджет. вчера я встроил его в одну из функций приложения, но на этот раз когда диалоговое окно открывается при щелчке затем, его Заголовок является очень большим о 300-400px в высоте, где, поскольку нормальный заголовок составляет приблизительно 40 пкс в высоте. Везде в приложении это все еще хорошо работает, но только в месте это дает такую ошибку. CSS также идентична во всех местах. Если кто-либо знает, как устранить эту проблему, затем отправьте здесь.
Ошибка может просмотреть в этой ссылке изображения
это код JavaScript упоминается ниже, который запущен, когда кнопка нажата.
$("#dialogaddSeasons").dialog({
resizable: false,
modal:true,
width: 460,
maxWidth:500,
height:400,
draggable: false ,
title:"Add New Season",
buttons: {
'Add Season': function() {
$("#dialogaddSeasons #addSeasonForm").submit();
},
Cancel: function() {
$(this).dialog('close');
}
}
});
Его HTML помещается только в начале тега основного текста с другими диалоговыми виджетами и упоминается ниже.
Спасибо Ayaz Alavi
2 ответа
является добавление дополнительного класса dialogaddSeasons и использование правил, перечисленных ниже:
$("#dialogaddSeasons").dialog({
resizable: false,
modal: true,
width: 460,
maxWidth:500,
dialogClass:"dialogaddSeasons",
draggable: false ,
title:"Add New Season",
buttons: {
'Add Season': function() {
$("#dialogaddSeasons #addSeasonForm").submit();
},
Cancel: function() {
$(this).dialog('close');
}
}
});
.dialogaddSeasons table
{
display:inline;
}
.dialogaddSeasons form
{
float:left;
}
.dialogaddSeasons
{
display:block;
float:left;
height:150px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
right:305px;
top:-4.2px;
width:460px;
z-index:1002;
}
Не имея возможности использовать Firebug для щелчка правой кнопкой мыши и Inspect Element на элементе заголовка (подсказка), я бы сказал, что есть какой-то другой CSS, переопределяющий или добавляющий к желаемому стилю. Если вы не можете опубликовать ссылку на страницу под рукой или полный ее пример (поскольку фрагмент не содержит CSS, который может повлиять на него), вам нужно попробовать вышесказанное для себя и удалить или переопределить соответствующие свойства.