Question

昨天我推出了一个新网站。在我将文件上传到服务器之前，我在IE8，Firefox，Safari和Chrome中测试了网站，一切似乎都没问题。但我刚刚安装了IE9，我的Simple Modal框没有出现在这个浏览器中。

我正在使用以下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>

如果您需要查看更多代码，请访问网站：Mixious（例如，在右上方菜单中联系并注册必须打开模式框）

有人知道如何解决这个问题吗？

Answer 1

在IE9（F12）中打开开发人员工具，然后打开“控制台”选项卡。您将看到记录的错误。关于某些对象没有定义getElementsByTagName的东西。

请参阅我对您原始问题的评论。可能是最新的jQuery版本的问题。

似乎在1.5.1中已修复，但我不确定，我正在正确阅读：http://bugs.jquery.com/ticket/8052

IE9中简单模态的问题

1 个答案: