模糊事件似乎取消了点击事件。
当用户点击图片时,面板应该会滑入视图。
当面板可见时,单击面板外的任何位置都应该将面板向上滑动并退出视图。
问题是当我有多个这些模块并且在第一个面板打开时单击第二个图像时,模糊功能会触发,但没有点击事件。
toggleContent : function () {
var wrapper = $('.wrapper'),
targetClass = '.moreInfo',
eContent = wrapper.find('.more');
wrapper.on('click', targetClass, function (e) {
e.preventDefault();
if ($(this).hasClass('selected')) {
return false;
}
else {
eContent = $(this).focus().parent().next();
eContent.slideDown('normal');
$(this).addClass('selected');
}
}).on('blur', targetClass, function (e) {
eContent = $(this).parent().next();
if ($(this).hasClass('selected')){
eContent.slideUp('normal');
$(this).removeClass('selected');
}
});
}