JQuery UIを持つ.Dialogモーダルボックスを表示するIEの問題

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>