Tag: 窗口resize

如何在加载和窗口大小调整时执行jQuery函数？: 如何在加载和窗口大小调整时运行此函数？谢谢。 jQuery(function( $ ) { var headerHeight = $(“#header”).outerHeight(); var viewportHeight = $(window).height(); var elementNewHeight = viewportHeight – headerHeight; $(“.fullHeightThis”).outerHeight(elementNewHeight); });

如何在浏览器重新resize时最有效地检查某些“断点”？: 我正在玩一些定义了两个断点的响应式设计： Mobile > max-width 320px Tablet portrait > max-width 767px 在桌面上我有很多动画+高级function正在使用Javascript。在移动设备和平板电脑上我希望简化和禁用一些JS +“重建”一些DOM元素。我想知道确定某些断点（宽度方面）的最有效方法是什么？我在这里思考很多关于表现的事情。我知道我可以通过以下方式检查窗口宽度： $( window ).resize(function() { if ($(window).width() > 320 && $(window).width() 401 && $(window).width() 769) { //desktop } }); 但这似乎是一个非常“昂贵”的行动？任何可以用于此的轻量级库的建议也是非常受欢迎的！

在窗口大小调整时使高度相等的函数可resize: 我们创造了一个非常基本的相等高度function，而后卫效果很好。但是，我们的任务是在调整窗口大小时调整列高度。它被实现为响应式，流畅的设计。但是，那些不明白典型的响应用例的function并没有将浏览器拖到整个地方以接受特定的断点。无论如何，在这里得到jsfiddle的标记和js设置。 http://jsfiddle.net/J6uaH/3/ 只是不能完全包围我的大脑将窗口resize元素添加到高度。如果有这样的事情，任何人都可以提供的任何帮助将非常感激，并会给予超级英雄奖励积分！

在调整浏览器大小时使用jQuery更改图像src: 我有两个不同大小的图像，一个用于小于759像素的屏幕，另一个用于大于759像素的屏幕。我已设法在文档加载时根据窗口宽度更改图像的来源。但我真的希望能够在浏览器resize时也能做到这一点但是对于我的生活我无法做到这一点，它似乎只在页面初始加载时起作用。这是我的代码： $(document).ready(function() { function imageresize() { var contentwidth = $(window).width(); if ((contentwidth) < '700'){ $('.fluidimage').each(function(){ var thisImg = $(this); var newSrc = thisImg.attr('src').replace('x2', 'x1'); thisImg.attr('src', newSrc); }); } else { $('.fluidimage').each(function(){ var thisImg = $(this); var newSrc = thisImg.attr('src').replace('x1', 'x2'); thisImg.attr('src', newSrc); }); } } imageresize();//Triggers when document first loads $(window).bind("resize", function(){//Adjusts […]

禁用浏览器窗口resize: 对于初学者……我没有任何恶意的意图让用户接受弹出窗口或类似的东西。我只是想阻止用户调整他们已经导航过的网页的浏览器窗口（意味着我无权访问/不想使用window.open（）;）。我已经研究了很长一段时间了，但似乎找不到直截了当的答案。我觉得自己正在走上正轨： $(window).resize(function() { var wWidth = window.width, wHeight = window.height; window.resizeBy(wWidth, wHeight); }); ……无济于事我不得不想象这是可能的。是吗？如果是这样，我一定会感谢你的帮助。谢谢