不同屏幕尺寸的不同效果

Question

我有一个 Javascript 已经可以使用了，但我想在我的移动版本上有不同的效果。我怎么做？这是我到目前为止的尝试。

if (screen.width > 736) { 

}
else {
   var mouseX;
   var mouseY;
   $(document).ready(function(e) {
      mouseX = e.pageX; 
      mouseY = e.pageY;
   });  
   $(".kunden-item").on('click', function(event){
       $("#divId").show().css( {position:"absolute", top:event.pageY, left: event.pageX});
   });
   $(".kunden-item").mouseout(function(){
        $('#divId').fadeOut('middle');
   });
}

感谢您的帮助

Answer 1

你应该把你所有的代码块都放在里面 dom 就这样准备好了

$(document).ready(function(e) {
if (screen.width > 736) { 

}
else {
      var mouseX;
      var mouseY;
      mouseX = e.pageX; 
      mouseY = e.pageY;
      $(".kunden-item").on('click', function(event){
       $("#divId").show().css( {position:"absolute", top:event.pageY, left: event.pageX});
     });
     $(".kunden-item").mouseout(function(){
         $('#divId').fadeOut('middle');
     });
   }
});

不同屏幕尺寸的不同效果

Different effects with different screens sizes

javascript

onclick

responsiveness