在窗口上隐藏 div 最大化和调整大小 > 1600px - JQuery

Question

当浏览器窗口被最大化或调整大小大于1600px使用jquery时，我该如何隐藏HTMLdiv ?

我目前有它的设置，所以div隐藏当页面大于1600px加载，但不能让它隐藏当窗口最大化或页面加载后调整大小。下面是我使用的代码:

if ($(window).width() > 1600) {
      $('#next').hide();
  $('#back').hide();
}

任何帮助都将是非常感激的。

$(window).bind('resize', function(){
if ($(window).width() > 1600) {
      $('#next').fadeOut();
} else {
  $('#next').fadeIn();
}
});  

Answer 1

试试这个代码

$(window).bind('resize', function(){
 if ($(window).width() > 1600) {
       $('#next').hide();
   $('#back').hide();
  }
});

$('.work').click(function(){ 
   if ($(window).width() < 1600){
     $('#next').fadeIn('slow'); 
   }
});

Answer 2

试试这个，它对我来说是完美的:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
if ($(window).width() < 700) {
	$(".div").hide();
};
$(window).on("resize", function() {
	if ($(window).width() < 700) {
		$(".div").hide();
	}
	else {
		$(".div").show();
	}
});

Answer 3

如果要在浏览器窗口最大化时执行某些代码，您可以使用以下命令:

var a = screen.width;
var b = $(window).width();
var c = b + 17; // add the width of the scrollbar
if (navigator.appVersion.indexOf("Win")!=-1) {
  var d = c + 4; // add width of border on Windows
}
if (navigator.appVersion.indexOf("Mac")!=-1) {
  var d = c + 2; // add width of border on Mac
}
if (navigator.appVersion.indexOf("Linux")!=-1) {
  var d = c + 6; // add width of border on Linux
}
if (a == d) {
// code to run if width of browser window matches width of user's screen
} else {
// code to run otherwise
}

你可能想使用一个回调函数使代码运行，即使div被隐藏一次。

EDIT:我将滚动条的宽度添加到$(window).width()变量中，并放入操作系统标识系统，将操作系统的特定浏览器边框添加到变量中。如果有必要，您也可以为滚动条执行此操作。

OS标识符来源:http://www.javascripter.net/faq/operatin.htm