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上面。