간단한 jQuery 대화 상자에서 Chrome, IE를 잠급니다

다음 HTML은 버튼을 표시하고 클릭하면 jQuery 대화 상자를 호출합니다.간단한 jQuery 대화 상자에서 Chrome, IE를 잠급니다

<!DOCTYPE html> 
<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script> 
</head> 
<body> 
    <div id="dialog"> 
    </div> 
    <button> 
     Open</button> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#dialog').dialog({ 
       autoOpen: false, 
       modal: true 
      }); 

      $('button').click(function() { 
       $('#dialog').dialog('open'); 
      }); 
     }); 

    </script> 
</body> 
</html>

Chrome에서 대화 상자가 표시되면 스크롤 바가 창이 경계를 초과하여 표시됩니다. 또한 스크롤 막대를 움직이면 스크롤 막대가 잠 깁니다. IE9에서 브라우저가 충돌합니다. 이 코드는 충분히 간단 해 보입니다.

나는 또한 jsFiddle 예를 만들었습니다 ... http://jsfiddle.net/jeljeljel/RcR8e/

누군가가 어떤 문제가 있는지 알 수 있습니까?

출처

2011-10-20 John Livermore