jQuery UI.Dialog를 사용하고 있습니다. 작은 문제가 있습니다. 대화 상자를 표시 할 링크를 클릭하면 #Test의 텍스트가 사라지고 모달 오버레이가 표시되지만 실제 모달 상자는 표시되지 않습니다.jQuery UI 대화 상자에 대한 도움말
FireBug를 사용하면 대화 상자가 생성되지만 표시 : 없음이 표시되지 않습니다. 또한 Firebug에서이 파일을 Display : Block으로 변경하면 대화 상자가 표시되지만 내 페이지의 왼쪽에 있습니다 ... 제안 사항이 있습니까?
내 코드는 매우 간단하다 :
<head>
<link href="Vader/jquery-ui-1.7.1.custom.css" rel="stylesheet" type="text/css">
<script src="javascripts/jquery.js" type="text/javascript"></script>
<script src="javascripts/ui.core.js" type="text/javascript"></script>
<script src="javascripts/ui.draggable.js" type="text/javascript"></script>
<script src="javascripts/ui.resizable.js" type="text/javascript"></script>
<script src="javascripts/ui.dialog.js" type="text/javascript"></script>
<script type='text/javascript'>
$(function() {
$("a").click(function(){
$('#Test').css('display','inline');
$("#Test").dialog({modal: true});
});
});
</script>
</head>
<body>
<a href="#">Test</a>
<div id="Test" title="Test Title">Bla bla bla</div>
</body>
내가 발견 한 문제를 생각해보십시오 ... 저는 Aptana, V1.2.1과 함께 제공되는 JQuery를 사용하고 있습니다. 모범생 오류입니다. 나는 이것에 2 일간의 괴짜 같은 날을 보냈다. 고마워요. –
ㅎ, 왜 내가 jquery와 외부 서버에서 CSS/UI를 제공하는지 테스트하고 있습니다. :) – Steerpike