Material datepicker中的奇怪行为

我正在尝试使用物化日期选择器( http://materializecss.com/forms.html )。 有了这个,我想在点击图标时弹出日期选择器。 我已经实现了两个实现,其中两者之间的唯一区别是对代码发出alert('clicked')

没有alert('clicked') : http : //jsfiddle.net/1bnnkhbw/

alert('clicked') : http : //jsfiddle.net/1bnnkhbw/1/

第二个工作,而第一个不工作..(铬)!

谁知道这种行为的原因?

还有一种让第一个工作的方法吗?

我想我找到了一个解决方案,请您查看:

 click  $('.datepicker').pickadate({ selectMonths: true, selectYears: 15 }); $('#icon').click(function(event){ event.stopPropagation(); $(".datepicker").first().pickadate("picker").open(); console.log("test1"); }); 

小提琴: http : //jsfiddle.net/k2qtzp7p/1/

代码来自这里和这里