隐藏div直到jquery datepicker显示
问题描述:
jquery是否可以隐藏div直到jquery ui datepicker加载?我在网站上有一个部分显示使用jquery ui datepicker内联日历。有时日期选择器不会立即加载,因此它下面的内容显示在顶部,然后在日期选择器加载后被推下。我宁愿datepicker下的div不显示,直到datepicker加载并显示。这可能吗?如果是这样,我怎么会告诉日期选择器加载,并能够显示后的div?隐藏div直到jquery datepicker显示
答
您可以隐藏CSS(display:none
)中的div,然后使用jQuery,当div完成加载时运行一个函数。
一个例子:http://jsfiddle.net/UudrH/2/
您的代码将是这个样子:
$("#wait").ready(function(){
$("#hidden").show();
});
答
如果知道日期选择器的高度,可以将包含的div预设为该高度。这样就不会有运动,它只会填满已经分配给它的空间。