我有一个测试 php 文件，它在一个表中有 50 个按钮（只是为了制作一个大表）。单击第一个按钮时，我想要一个 JQuery 对话框，其中有一个通过 JQuery 打开的 html 文本框。目前，代码打开文本框，但位于屏幕底部。那是在桌子下面。我的目标是在当前屏幕的中心打开，即不被用户向下滚动。这是我的代码：
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.js">
**<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" />**
</script>
<script type="text/javascript" >
$(document).ready(function(){
showClick();
});
function showClick(){ $('#comment0').click(function(ez) {
$('#0').dialog('open');
ez.preventDefault();
return false;
});
$('#0').dialog({
autoOpen: false,
modal: true,
resizable: false,
title: 'haha',
height: 'auto',
draggable: true,
position: 'center'
}); }
</script>
</head>
<body>
<?php
?><div id="0"><input type="text" ></div>
<?php
echo "<table>";
for($i=0; $i<50; $i++) {?>
<tr>
<td><input type="button" class="comment0" value="Comment" id="comment0"></td>
</tr>
<!--div id="<?php echo $i; ?>" style="display :none"><input type="text" ></div-->
<?php
} ?>
<?php
echo "</table></body></html>";
?>
注意：这是一个快速的脏代码，我只是在测试 JQuery 的大表行为。我在这里做错了什么？
谢谢你的帮助！
编辑：原来你必须导入 JQuery CSS。现在的问题是，对话框在表格的中心打开。对话框是否可以在当前屏幕的中心打开？谢谢！