Проблемы с простым модалом в IE9 - PullRequest
1 голос
/ 31 марта 2011

Вчера я запустил новый сайт. Перед тем, как загрузить файлы на свой сервер, я протестировал веб-сайт в 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>

Если вам нужно увидеть больше кода, пожалуйста, посетите веб-сайт: Смешанный (например, свяжитесь и зарегистрируйтесь в правом верхнем меню, чтобы открыть модальное поле)

У кого-нибудь есть идеи, как решить эту проблему?

1 Ответ

2 голосов
/ 31 марта 2011

Откройте инструменты разработчика в IE9 (F12) и откройте вкладку «Консоль».Вы увидите сообщение об ошибке.Что-то в getElementsByTagName не определено для какого-либо объекта.

См. Мой комментарий к исходному вопросу.Может быть проблема с более свежими версиями jQuery.

Кажется исправленным в 1.5.1, хотя я не уверен, что я правильно читаю: http://bugs.jquery.com/ticket/8052

...