Php JQuery对话框未出现在当前屏幕中心_Php_Jquery_Html_Jquery Ui

Php JQuery对话框未出现在当前屏幕中心

php jquery html jquery-ui

Php JQuery对话框未出现在当前屏幕中心,php,jquery,html,jquery-ui,Php,Jquery,Html,Jquery Ui,我有一个测试php文件，在一个表中有50个按钮（只是为了制作一个大表）。单击第一个按钮时，我想要一个JQuery对话框，其中包含一个html文本框，可以通过JQuery打开。现在，代码会打开文本框，但在屏幕底部。那就在桌子下面。我的目标是在当前屏幕的中心打开，即不被用户向下滚动。这是我的密码： <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8

我有一个测试php文件，在一个表中有50个按钮（只是为了制作一个大表）。单击第一个按钮时，我想要一个JQuery对话框，其中包含一个html文本框，可以通过JQuery打开。现在，代码会打开文本框，但在屏幕底部。那就在桌子下面。我的目标是在当前屏幕的中心打开，即不被用户向下滚动。这是我的密码：

 <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>";
    ?>


****
$（文档）.ready（函数（）{
showClick（）；
});
函数showClick（）{$（'#comment0'）。单击（函数（ez）{
$（'0'）。对话框（'open'）；
ez.preventDefault（）；
返回false；
});
$（'#0'）。对话框({
自动打开：错误，
莫代尔：是的，
可调整大小：false，
标题:"哈哈",，
高度：“自动”，
真的，
位置：'中心'
}); }

注意：这是一个快速的脏代码，我只是用大表大小测试JQuery的行为。我做错了什么

谢谢你的帮助

编辑：原来您必须导入JQuery CSS。现在的问题是，对话框将在表的中心打开。在当前屏幕的中心是否仍然可以打开对话框？谢谢
添加jquery UI样式表

添加jquery UI样式表

我终于找到了我的程序的毛病所在。在HTML中，我没有提供

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

给出此选项后，对话框在当前屏幕中居中
我终于发现我的程序出了什么问题。在HTML中，我没有提供

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

给出此选项后，对话框在当前屏幕中居中
什么？很容易！哈哈。这件事把我的头脑搞糊涂了两天！非常感谢你！！等待现在，它将在桌子的中心打开。有没有办法不这样做？谢谢我将编辑我的原始帖子。@javaCity dialog（）有[position（）]（）@nonnb是的，我知道。即使我做了“中间”的定位，它也会进入整张桌子的中间。我希望它位于当前屏幕的中心。我尝试了位置：“固定”和“绝对”，它们似乎都不起作用。不管我做什么，它都是以桌子为中心的。什么？很容易！哈哈。这件事把我的头脑搞糊涂了两天！非常感谢你！！等待现在，它将在桌子的中心打开。有没有办法不这样做？谢谢我将编辑我的原始帖子。@javaCity dialog（）有[position（）]（）@nonnb是的，我知道。即使我做了“中间”的定位，它也会进入整张桌子的中间。我希望它位于当前屏幕的中心。我尝试了位置：“固定”和“绝对”，它们似乎都不起作用。不管我做什么，它都是以桌子为中心的。