jQuery鼠标移动到div而不是页面上

我在ipadmini后面有一个html和css格式的图像，我想做的是当鼠标在ipadmini上时，让图像随着鼠标从左向右滑动

我收集了一小段jQuery，但代码只有在我使用

$（document）时才起作用


html

<div class="ipad-mini">
</div><!--ipad-mini-->
<div class="ipad-mini-actuators ipad-move">
</div><!--ipad-mini-actuators-->

jQuery

$(document).mousemove(function(e){
    var mousePos = (e.pageX/$(window).width())*100;
    $('.ipad-move').css('backgroundPosition', mousePos+'% 0');
}); 


你的提琴没有显示任何结果…@Getz提琴中的示例显示，将鼠标移到白色区域上会使图像继续滚动。我只想在鼠标放在ipad上时图像移动。你的小提琴没有显示任何图像。没有图像我理解，但我在结果小提琴中没有看到任何ipad图像…在Chrome和FF中。奇怪。@Getz更新了链接
$(document).mousemove(function(e){
    var mousePos = (e.pageX/$(window).width())*100;
    $('.ipad-move').css('backgroundPosition', mousePos+'% 0');
}); 

$(document).on('mousemove','.ipad-mini',function(e){
    var mousePos = (e.pageX/$(window).width())*100;
    $('.ipad-move').css('backgroundPosition', mousePos+'% 0');
});