jQuery UI.Dialogを使用しています。小さな問題があります。リンクをクリックしてダイアログボックスを表示すると、#Testのテキストが消え、モーダルオーバーレイが表示されますが、実際のモーダルボックスは表示されません。jQuery UIダイアログのヘルプ
FireBugを使用するとダイアログボックスが作成されますが、「表示:なし」は表示されません。また、Firebugでこれを表示:ブロックに変更すると、ダイアログが表示されますが、それはページの左側にあります。提案はありますか?
私のコードは非常に簡単です:
<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