0

出于某种原因，我的forsaledialog div正在加载页面，而不是等待 jQuery 显示它。虽然它在 jsFiddle 中运行良好！

jsFiddle 链接：http: //jsfiddle.net/YDdqP/269/

<div id="forsalejoepopupbutton" >
<span>For Sale</span>
</div>
<div id="forsaledialog" title="For Sale">
  this div is not hiding when the page loads!!!!!!!!!!!!!!
  i really want a php file here but since it always loads i cant include! what is going on??
</div>
    $(function () {
    $("#forsaledialog").dialog({
        autoOpen: false,
        show: {
            effect: "blind",
            duration: 500
        },
        hide: {
            effect: "explode",
            duration: 2000
        }
    });
    $("#forsalejoepopupbutton").click(function () {
        $("#forsaledialog").dialog("open");
    });
});


EDIT: THIS IS WHAT FIXED IT:
      <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/>
     <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
     <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
4

3 回答 3

2

尝试$(window).load(function() {

窗口加载事件在整个页面完全加载后执行，包括所有框架、对象和图像。因此，涉及图像或其他页面内容的函数应放置在窗口或内容标签本身的加载事件中。

$(window).load(function () {
    $("#forsaledialog").dialog({
        autoOpen: false,
        show: {
            effect: "blind",
            duration: 500
        },
        hide: {
            effect: "explode",
            duration: 2000
        }
    });
    $("#forsalebutton").click(function () {
        $("#forsaledialog").dialog("open");
    });
});

OP评论后更新

您尚未jQuery ui在该页面中包含库。

于 2013-10-29T02:02:58.063 回答
0

我很可能遗漏了一些东西，但是为什么不将其设置为display:noneor display:hidden，然后在加载所需内容后使用 JavaScript 更改显示属性。

利用

document.getElementById('myDiv').style.display = 'block';

onclick在您在所需的或onpageload或任何其他类型的事件中调用的函数内部。

于 2013-10-29T02:02:42.777 回答
0

使用CSS“显示：无；” 隐藏 div

和

$("#forsalejoepopupbutton").click(function () {
        $("#forsaledialog").style.display="block";
    });

为了再次展示

于 2013-10-29T02:04:05.783 回答