Tag: window resize

在窗口resizejquery上调整元素宽度: 我用jq计算页面加载的元素宽度并且工作正常，试图在窗口resize时自动化但有点不起作用。期望的效果：框应该在窗口resize时自动resize而不是下拉。 http://jsfiddle.net/yMcXm/4/ 任何帮助表示赞赏。谢谢！

如果窗口宽度小于768px，请勿触发function: 如果页面加载和resize的窗口宽度小于768px，我不想showCover()函数。使用下面的代码，即使窗口小于768px，它仍然被触发。 function ipsThemeViewer() { jQuery(window).resize(function() { if ( jQuery(window).width() < 768 ) return false; showCover(); }).resize(); } function showCover() { jQuery('#ipsThemeViewerScreen').hover(function () { var t = jQuery(this); jQuery('.cover').stop().fadeIn('fast'); }, function () { var t = jQuery(this); jQuery('.cover').stop().fadeOut('fast'); }); }

JQuery砌体！更新columnWidth On Window Resize: 我正在开发响应式布局，我也在使用JQuery Masonry。我正在使用以下脚本来获取当前列宽。 var curWidth; var detector; detector = $(‘.magic-column’); curWidth = detector.outerWidth(true); $(window).resize(function(){ if(detector.outerWidth(true)!=curWidth){ curWidth = detector.outerWidth(true); } }); 我的JQuery Masonry init脚本是这样的.. $(window).load(function(){ $(function (){ $wall.masonry({ singleMode: true, columnWidth: curWidth, // This needs to be update on window load & resize both // }); }); }); 我的第一个脚本是正确获取宽度，但在砌体中宽度没有更新…我如何实现加载和resizefunction，以便我的curWidth将更新为砌体以及窗口resize

jQueryresize事件没有触发: 无论出于何种原因： $(function() { $(window).resize(function() { alert(“resized!”); }); }); 仅在加载页面时触发事件。调整浏览器窗口大小在Safari和Firefox中都不起作用。我没有在任何其他浏览器上尝试过它。任何想法或解决方法？

如何检测窗口大小然后使用jquery switch语句执行某些操作: 我想用jquery检查窗口大小，并根据我想要更改背景图像的不同分辨率。所以我想以某种方式使用“switch”语句来处理更多情况，但我只是不知道它会是什么样子。这是我想要的基本结构，但有更多选择： if ((screen.width>=1024) && (screen.height>=768)) { //do something } else { //do something else } 谢谢你的帮助。

调整窗口大小时调用函数: 每当调整浏览器窗口大小时，如何调用此（或任何）JS函数？ function setEqualHeight(e) { var t = 0; e.each(function () { currentHeight = $(this).height(); if (currentHeight > t) { t = currentHeight } }); e.height(t) } $(document).ready(function () { setEqualHeight($(“.border”)) })

jQuery动态更改元素高度: 我正在进行流体布局项目。我的文档中有一些固定高度的DIV，所有这些都有不同的高度。我需要在浏览器resize时按比例更改这些DIV的高度。这是标记。和css： body { width: 90%; margin: 0 auto;} .target { width:30%; float:left; margin:1.6%; cursor:pointer; } #a { height: 200px; background-color: yellow;} #b { height: 400px; background-color: green;} #c { height: 600px; background-color: grey;} 听起来很简单！主要条件是我不知道预定量的目标DIV及其ID ，这就是我使用.each（function（））的原因。这是我写的脚本： $(document).ready(function(){ //set the initial body width var originalWidth = 1000; /*I need to go […]