2013-10-03 28 views
1

工作,我有一些問題,IE9和jQuery UI的,但仍然無法找到解決方案,請幫助我爲什麼jQueryUI的對話框不上IE9

當我點擊詳細對話必須是開放的,它適用於IE7,IE8, FF,Chrome但不在ie9中

$(function() { 
    var popup = $("#popup"), 
     allFields = $([]).add(popup); 

    $("#dialog-form").dialog({ 
     autoOpen: false, 
     height: 800, 
     width: 1200, 
     modal: true, 
     buttons: {}, 
     close: function() { 
      allFields.val("").removeClass("ui-state-error"); 
     } 
    }); 
}); 

function dialogOpen(id) { 
    $('#dialog-form').dialog('open'); 
} 

<div id="pageopen" onclick="dialogOpen('dialog-form')"> 
    <div id="detail" style="text-decoration:underline;">Detail</div> 
</div> 

<div id="dialog-form" title="Detail"></div> 
+0

有控制檯任何錯誤 – prashanth

+0

是的,這是錯誤=「不能調用之前對話框初始化方法,試圖調用方法‘開放’」 – saulyasar

+0

我在你的代碼修正了一些錯誤(也許複製/粘貼錯誤?)並在IE9上測試成功(與其他IE版本和其他瀏覽器一樣)。你如何測試IE9?使用調試控制檯(F12)並更改mod? – rd3n

回答

0

在document.ready中添加以下代碼。您正在創建之前嘗試打開對話框。

$(document).ready(function(){ 
$("#dialog-form").dialog({ 
    autoOpen: false, 
    height: 800, 
    width: 1200, 
    modal: true, 
    buttons: {}, 
    close: function() { 
     allFields.val("").removeClass("ui-state-error"); 
    } 
}); 
}); 
+0

是的,我試過,但調試器不進入裏面的$(「#dialog-form」)對話框代碼 – saulyasar

+1

我解決了這個問題這是關於IE9的bug不幸... 這裏我如何解決問題,我只是使用var對話框,並使用它像這樣 var對話框; $(文件)。就緒(函數(){ 對話框= $( 「#對話框的形式」)對話框({ } 。}); }); function dialogOpen(pid){ dialog.dialog('open'); } 它的工作原理.. 謝謝你的幫助 – saulyasar