我有一个游标,它悬停在弹出模式上:
jQuery(".modal").on("mousemove", function(){
jQuery(".cursor").css("transform", "translate(" + (event.clientX - 25) + "px, " + (event.clientY - 25) + "px)");
})
但是,在此模式下,我有一些可点击的图标(即社交图标)。由于此.cursor
在.modal
上均处于活动状态,因此这些图标将不可单击。
我想做的事(伪):
if( jQuery(window).width() <= 1024 ){
if (/* not hovering over class .icon */) {
// then show cursor
jQuery(".modal").on("mousemove", function(){
jQuery(".cursor").css("transform", "translate(" + (event.clientX - 25) + "px, " + (event.clientY - 25) + "px)");
})
}
}
我该如何处理?这是正确的处事方式吗?