Как вручную отрегулировать/установить высоту панели кнопок в диалоговом окне jQuery без изменения файла CSS? Я хочу настроить высоту DIV, которая содержит сообщение, и DIV, который содержит кнопку (отмеченную зелеными линиями) из Javascript.Диалог jQuery: как управлять высотой панели кнопок
function showMessageDialog(title, message, width){
// create div if it doesn't exist already
if(!$("#msgDialogDiv").length) {
$("<DIV></DIV>").appendTo("body").attr("id","msgDialogDiv");
}
// set the message
$("#msgDialogDiv").html(message).css("color","red");
// show the dialog
$("#msgDialogDiv").dialog({
modal: true, resizable: false, draggable: false, title: title, width: width,
buttons: {OK: function(){$(this).dialog("close");}}
});
// This changes the height as I want.
// $("#msgDialogDiv").css({"overflow":"hidden","height":"10px"});
// this changes the font on button
//$("#msgDialogDiv").dialog("widget").find(".ui-button-text").css("font-size", "11px");
return;
}
showMessageDialog("Hello Stackoverflow!", "This is my first question on stackoverflow",400);
Хотя размещение этот вопрос, я пытался отрегулировать высоту DIV, и она работала. Я также попытался изменить размер шрифта кнопки, но это просто изменяет размер кнопки. Я хочу контролировать размер всего DIV. Это связано с заполнением кнопки?
лучше поставить переопределения в своем собственном файле CSS загружен после UI CSS JQuery, так что вы можете обновить jQueryUI позже без необходимости портировать свои изменения. – Alnitak
@alnitak, true true – Neal
Да, я сделал это, и это сработало. Сначала я попытался изменить css, он работал нормально. Затем я включил стиль в '