facebox中使用datepicker时无效

facebox的确是个很经典的弹出效果。

我在做一个综合查询的facebox效果的form,里面有jquery的datepicker插件。很不幸,datepicker在里面失效了。

最初我以为是因为这个facebox的div的样式是display:none的原因,可结果仍然不对,于是我采用了一个很笨的方法,就是在使用datepicker的input中加入onclick事件,就像这样:
<input type=’text’ class=’datepicker’ onlick=’$(this).datepicker()’ />
貌似这样是可以了,但是响应很慢,需要点击N下input,datepicker才能弹出来,根本不是我想要的效果。

google给出的搜索答案:

// 原来的代码
$(funciton(){
$(‘.datepicker’).datepicker({ dateFormat:’yy-mm-dd’ });
})

// 解决后的代码
$(document).bind(‘reveal.facebox’, function() {
$(‘.datepicker’).datepicker({ dateFormat:’yy-mm-dd’ });
})

有没有看出些什么?嗯,原因出在facebox上面。

发表评论

电子邮件地址不会被公开。 必填项已被标记为 *

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>