IE에서 jquery 대화 상자가 표시되지 않습니다.

IE에서 렌더링 할 모달 대화 상자를 가져올 수 없습니다. 화면이 어두워지며 (대화창 자체가 보이지 않습니다) 대화창 자체가 보이지 않습니다. Chrome에서의 동작은 예상대로입니다. 화면이 어두워지고 대화 상자가 나타납니다. IE 및 Chrome에서 캐시를 반복적으로 지워서 이것이 일종의 부적절한 참조 문제가 아님을 확인했습니다.IE에서 jquery 대화 상자가 표시되지 않습니다.

나는 또한 .hide(). show()와 $ ("# waiting1"). dialog ('open')로 게임을했지만 결과는 같았습니다.

<html> 
    <head> 

    <script src="/scripts/jquery-1.8.0.min.js" type="text/javascript"></script> 
    <script src="/scripts/jquery-ui-1.8.23.custom.min.js" type="text/javascript" ></script> 

    <link rel="stylesheet" type="text/css" href="/css/themes/base/jquery.ui.all.css" > 

      <script type="text/javascript"> 

       $(function() {  

        $("#waiting1").dialog(); 

       }); 

      </script> 
    </head> 
    <body> 
      <div id="waiting1" style="display:none;"> 
       <center> 
        <img src="black_loading.gif" /> 
       </center> 
      </div> 


    </body>

출처

2013-01-08 goldfinger

당신이 오류가 콘솔을 확인 했

이 있나요? – War10ck

는 jquery.ui.all.css에 대한 귀하의 참조 폐문이 없습니다.

Chrome 및 다른 브라우저에서 실행 중이면 IE에서 제대로 실행되어야합니다 (UI에는 약간의 차이가있을 수 있음).

출처

2013-01-08 07:42:55 dunli

OP에 대한 편집으로 jquery.ui.all.css에 대한 참조를 닫았습니다. 나는 동의한다 - IE에서 제대로 실행되어야하지만 그렇지 않다. 나는 IE에서 약간 다르게 동작하는 모달 대화 상자에 대해 비슷한 맛의 게시물을 많이 볼 수 있지만, 극적으로 행동 차이를 보여주지는 않습니다. – goldfinger

당신이 당신의 테마 나 CSS를 오버라이드하는 데 문제가 있다고 생각합니다. 이 바이올린은 시나리오에 근접하고는 IE8과 10 일 : http://jsfiddle.net/yrFWJ/2/

<span class="click">Click</span> 

<div id="waiting1" style="display: none;"> 
    <center>Nice!</center> 
</div> 

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> 

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css" type="text/css" media="all" /> 

$('.click').click(function() { 
    $("#waiting1").dialog(); 
});

출처

2013-01-08 15:11:56 isherwood

나는 비슷한 문제를 가지고 있었고, jquery.ui.all 무시하는 것 같았다 후 스타일 시트가 포함 된 것으로 나타났습니다. 설명 : IE는 스타일 시트 수를 제한하고 스타일 시트로 가져옵니다 (http://support.microsoft.com/kb/262161 참조).

출처

2013-06-13 20:13:24

예제 코드가 사용자의 설명과 일치하지 않는 것 같습니다. 예를 들어, 대화 상자를 모달로 정의하는 것을 보지 못합니다. 어쨌든, 당신이 준 예제에서는 div의 디스플레이가 스타일 속성에 숨겨 지도록 설정했습니다. 그렇게하지 않아도됩니다. jQuery UI에서 표시 형식을 처리하게하십시오.

 <div id="waiting1" style="display:none;"> 
      <center> 
       <img src="black_loading.gif" /> 
      </center> 
     </div>

이로 변경합니다 :

 <div id="waiting1"> 
      <center> 
       <img src="black_loading.gif" /> 
      </center> 
     </div>

출처

2013-06-13 20:25:17

IE에서 jquery 대화 상자가 표시되지 않습니다.

답변

관련 문제