Вчера я запустил новый сайт. Перед тем, как загрузить файлы на свой сервер, я протестировал веб-сайт в IE8, Firefox, Safari и Chrome, и все было в порядке. Но я только что установил IE9, и мои Простые модальные окна не отображаются в этом браузере.
Я использую следующий код JavaScript:
jQuery(function ($) {
$('a.modal').click(function (e) {
$('#' + this.id + "content").modal({onOpen: function (dialog) {
dialog.overlay.fadeIn('fast', function () {
dialog.container.fadeIn('fast');
dialog.data.fadeIn('slow');
});
}});
return false;
});
$.modal.defaults.onClose = function (dialog) {
dialog.data.fadeOut('fast', function () {
dialog.container.hide('fast', function () {
dialog.overlay.fadeOut('fast', function () {
$.modal.close();
});
});
});
};
});
HTML-код одного из полей:
<div id="registercontent">
<div id="registerresult" style="display: none;"></div>
<form class="ajaxform" id="register" name="register" method="post" action="register.php">
<table>
<tr>
<td>Username: </td>
<td><input type="text" name="username" value="" /></td>
</tr>
<tr>
<td>Password: </td>
<td><input type="password" name="password" value="" /></td>
</tr>
<tr>
<td>Confirm password: </td>
<td><input type="password" name="password2" value="" /></td>
</tr>
<tr>
<td>Email address: </td>
<td><input type="text" name="email" value="" /></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Register!" class="button" /></td>
</tr>
</table>
</form>
</div>
Если вам нужно увидеть больше кода, пожалуйста, посетите веб-сайт: Смешанный (например, свяжитесь и зарегистрируйтесь в правом верхнем меню, чтобы открыть модальное поле)
У кого-нибудь есть идеи, как решить эту проблему?