javascript - IE 使用 Jquery UI 显示 .dialog 模式框时出现问题

Question

我对 javascript 很陌生，并且已经经常使用 JQuery 库。我有一个对话框，当我单击页面上的按钮时应该打开该对话框。该部分工作正常，但是当我添加 JavaScript 以在单击对话框内的提交按钮时关闭对话框时，该对话框根本不会打开。 (除了 Internet Explorer 之外的所有浏览器都可以正常工作)。你们能帮忙吗？这是我的代码:

<script>
$(function(){
$(".callparser").click(function (e) {
$(".parserinformation").dialog({
    modal: true,
    minHeight:400,
    minWidth: 580,
    open: function (e, ui) {
    var $container = $(this);
    $container.find('#close').click(function(){
        $container.dialog("close");
    });
    },
    beforeClose: function (e, ui) {
    var $container = $(this);
    $container.find('#close').unbind('click');
    },
    });

});
});
   </script>

这是 html(简化版):

<input type="button" name="Parser" class="callparser" value="Parser"/>




<div class="parserinformation"  style="display: none;"> 
<div class="addtofolder">
     <input type="submit" id="close" class="addtofolderbutton" value="Private" onclick="$.jGrowl('Your product has been added!')">
</div>
</div>

Answer 1

尝试不使用最后一个逗号 (,)，IE 不喜欢在最后一个元素后面使用它。

<script type="text/javascript">
    $(function(){
        $(".callparser").click(function (e) {
            $(".parserinformation").dialog({
                modal: true,
                minHeight:400,
                minWidth: 580,
                open: function (e, ui) {
                    var $container = $(this);
                    $container.find('#close').click(function(){
                        $container.dialog("close");
                    });
                },
                beforeClose: function (e, ui) {
                    var $container = $(this);
                    $container.find('#close').unbind('click');
                }
            });

        });
    });
</script>

<input type="button" name="Parser" class="callparser" value="Parser"/>

<div class="parserinformation"  style="display: none;">
    <div class="addtofolder">
        <input type="submit" id="close" class="addtofolderbutton" value="Private" onclick="$.jGrowl('Your product has been added!')">
    </div>
</div>