Я использую:
JQuery 1.6.1
JQuery UI 1.8.13
Chrome 12.0.742.100
IE 7.0.5
FF 4
Я создал диалоговое окно пользовательского интерфейса JQuery, и оно выглядело нормально во всех трех.
Я пошел и сделал еще несколько страниц, но ничего не сделал с диалогами или css (о которых я знаю, новичок в JQuery и CSS). Затем вчера каждый диалог на всех моих страницах стал выглядеть так (только в FF и chrome. IE все еще выглядит нормально) ...
Заголовок внезапно стал огромным, и я понятия не имею, почему. Я копался в css, используя firebug, но не могу заставить его вернуться.
У кого-нибудь есть хорошие идеи?
HTML, CSS и JQuery довольно стандартны. Я использую одну из готовых тем с сайта JQuery-UI.
<div id="Div1" title="Connections">
<a href="CM.aspx?mode=0" class="jquery-ui-button dialog-link-button">Add</a>
<a href="CMSearch.aspx" class="jquery-ui-button dialog-link-button">Search/Edit</a>
</div>
/* --------------------------------------------------------------------- */
/* disable the x in the upper-right corner of jquery-ui dialogs */
.ui-dialog-titlebar-close
{
display: none;
}
/* center the user-defined buttons within jquery-ui dialogs */
.dialog-link-button
{
float: none;
width:250px;
display: block;
margin: 10px auto;
}
/* make the buttons in the jquery-ui dialog button pane on the bottom center aligned */
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button
{
float: none;
display: block;
margin: 10px auto;
}
/* --------------------------------------------------------------------- */
var options = {
autoOpen: false,
modal: true,
open: function(event, ui) {
/* blur the buttons so they aren't auto selected */
$(".dialog-link-button").blur();
},
resizable: false,
buttons: {
Cancel: function() {
$( this ).dialog( "close" );
}
}
};
$('#connectionsModal').dialog(options);
/* --------------------------------------------------------------------- */