Question

所以我跟随js：

 jQuery('.rhmps_aj').click(function(e) {
    ...
    success: function(data){
        //Desktop
        jQuery('.desktop_less').hide();
        jQuery('.desktop_more').show();
        //Mobile
        jQuery('.mobile_less').hide();
        jQuery('.mobile_more').show();

 });

有人能告诉我如何根据是通过桌面还是手机查看内容来“禁用”某些功能？

例如，对于桌面，我想禁用“移动”功能，反之亦然，移动视图。

Answer 1

您可以检查屏幕尺寸的宽度。如果屏幕尺寸小于该宽度，则可以执行所需的功能。

示例：

if ($(window).width() < 600) {       // if width is less than 600px
   MobileFunctions();                 // execute mobile function
}
else {                              // if width is more than 600px
   DesktopFunctions();               // execute desktop function
}

Answer 2

我认为screen.width可能会成功。

$<!DOCTYPE html>
<html>

<head>
  <script data-require="jquery@2.1.4" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>

<body>
  <script>
    var width = screen.width;
    $(document).ready(function() {
      if (width < 600)
        runMobile();
      else
        runDesktop();
    });

    var runMobile = function() {
      alert("Mobile");
    }

    var runDesktop = function() {
      alert("Desktop");
    }
  </script>
</body>

</html>

基于移动或桌面的jQuery

2 个答案: