Jquery.load取代了对话框

时间:2011-07-29 00:28:07

标签: javascript jquery

我在对话框中加载Jquery时遇到问题。

我花了一整夜的时间试图找出当我加载另一个文件时对话框移动到屏幕右侧的原因。显然加载不同的页面会随机影响它。它可以是中心,但在最底层,但我不知道它为什么会发生。我所知道的是将另一页加载到对话框中会从中心移开对话框。

这是我的代码:

<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.3/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" />
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js"  type="text/javascript"></script>
    <script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.1.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/i18n/jquery-ui-i18n.min.js"   type="text/javascript"></script>

    <script src="ProfilePage/jqueries.js"></script>           

    <script type="text/javascript">
        $(
            function()
            {
               $("#box").load("jquery1.html").dialog({modal:true,height:400,width:400});          
            }            
        )         
    </script>
</head>

<body>

    <div id="parent" style="background-color:red;height:800px;width:800px;">
        <div id="circle" style="position:relative;left:0px;height:800px;width:400px;background-color:green;float:left;">
        </div>
       <div id="box">
            I want milk
        </div>
        <div id="sds" style="position:relative;float:left;left:5px;height:800px;width:399px;background-color:yellow;">
        </div>
    </div>

</body>
</html>

如果我删除了负载,只是在div中放入一个普通文本就可以了。 有人可以提出一个想法吗?谢谢!

1 个答案:

答案 0 :(得分:0)

尝试将其添加到新行

 $("#box").load("jquery1.html")
 $("#box").dialog({modal:true,height:400,width:400});