2013-10-03 4 views
1

에서 작동하지 않는 이유를 내가 나에게 jQueryUi 대화 상자가 IE9

난 세부 사항 대화 상자가 열려 있어야합니다 클릭

도와주세요 IE9와 JQuery와 UI하지만 여전히 캔트 찾기 솔루션으로 어떤 문제가 그것을 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)을 사용하여 모드를 변경 하시겠습니까? – 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

그래,하지만 디버거 doesnt 내부 $ ("# 대화 상자 양식)을 입력하지 마십시오. 대화 코드 – saulyasar

+1

나는 이것이 IE9 버그 unfortunatelly에 관한 문제를 해결 ... 여기에 어떻게 내가 문제를 해결 그냥 var 대화 상자를 사용하고 이것처럼 사용 var dialog; $ (document) .ready (function() { dialog = $ ("# dialog-form") 대화 상자 ({ } }), }); function dialogOpen (pid) { dialog.dialog ('open'); } 그리고 작동합니다 .. 도움 주셔서 감사합니다. – saulyasar

관련 문제