日期选择器莫名其妙自动收缩失去焦点问题。一个很新手容易出现的搞笑bug

131 阅读1分钟

做这个项目的时候,每次点开日期选择,过个几秒钟莫名其妙的会自动收缩,失去焦点,

经过排查发现,上方的轮播图轮播的时候是通过触发点击事件生效的,这个点击事件会触发datePicker组件的失焦事件.

解决方法:

将轮播图的点击事件封装成方法暴露出来,自动轮播的时候,定时器去调用这个方法。

不要写定时器去点击下一页的按钮。

setInterval(function(){jQuery("li")[nextIdx].click()},2000)

而是应该直接触发下一页的方法。

function next (){
    //下一页的逻辑
}
setInterval(next,2000)

这样去触发下一页事件。

当然不要做大聪明,在next方法里面去写点击了下一页的按钮,这不和没改一个意思吗。