我只想在移动设备上禁用以下功能。这是一个Pen。它有效,但是当我调整浏览器大小时,悬停效果并不能按预期工作(<img>
挂在h2
元素的底部。所需的效果是<img>
到按照鼠标光标)。
的jQuery
if ( jQuery(window).width() > 769) {
jQuery(document).ready(function($){
jQuery('.article__title').on('mouseenter mousemove', function(evt){
jQuery(this).siblings('.article__img').css({left: evt.pageX+30, top: evt.pageY-200}).show();
jQuery(this).on('mouseleave', function(){
jQuery(this).siblings('.article__img').hide();
});
});
});
}
答案 0 :(得分:2)
如果false
为true
,则其中的代码将永远不会运行。如果它是window
那么它会。当您打开笔时,您很可能已经足够宽jQuery('.article__title').on('mouseenter mousemove', function(evt){
。但是,当页面加载时,该代码会运行一次。调整窗口大小并不意味着代码会再次运行,即使它确实存在,您也不会想多次调用这些函数。
您需要的是在SELECT car.id, car.cars,
SUM(case when YEAR(sal.sale_date) = YEAR(CURRENT_DATE())
then sal.sales
else 0
end) AS value_sales
FROM cars car
LEFT JOIN sales_cars sal ON car.id = sal.id_cars
GROUP BY car.id
中应用该条件,以便每次移动鼠标时都会检查它。