IE的问题显示的.dialog模式框与jQuery的UI

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>