Tag: resize

JavaScript – 必须刷新页面以显示粒子滑块徽标效果

我正在使用HTML 5 Blank Child Theme从Wordpress加载前端站点。 我有一个使用粒子滑块的徽标效果,当我的屏幕尺寸> 960px时; 对于屏幕尺寸<960px我有一个平面徽标图像。 这一切都很好但是当我在徽标之间重新调整大小时,必须手动刷新页面(即通过按cmd + r )才能再次显示PS效果。 如何纠正这个问题,以便在重新调整尺寸后自动显示效果? 这是我的代码 – 粒子slider.php <div class="slide" data-src="https://stackoverflow.com/questions/46933391/javascript-page-has-to-be-refreshed-to-show-particle-slider-logo-effect//wp-content/uploads/2017/10/havoc_logohight.png”> var ps = new ParticleSlider({ ‘width’:’1400′, ‘height’: ‘600’ }); <img src="https://stackoverflow.com/questions/46933391/javascript-page-has-to-be-refreshed-to-show-particle-slider-logo-effect//wp-content/uploads/2017/10/havoc_logo.png”> style.css文件 /* RWD for logo */ @media screen and (max-width: 960px) { #particle-slider { display: none; } } @media screen and (min-width: 960px) and (max-width: […]

如何检测iframeresize?

有没有办法检测我的iframe内容是否已更改? 我的解决方法是我有一个循环,不断检查内容的高度它有效,但没有效率是否有另一种方法这样做?

如何使用JQuery调整窗口大小?

JQuery有一个名为resize的事件,您可以在调整窗口大小时添加事件处理程序,例如 $(window).resize(function () { // code here }); 我需要的是使用JQuery命令调整窗口大小; 那有可能吗? 例如$(window).resize(-1,-1); //减少/增加窗口的宽度和高度 谢谢

在resize事件之前

我想在调整元素大小之前和之后做一些事情,我试图绑定resize事件并且它工作: $(‘#test_div’).bind(‘resize’, function(){ // do something }); 我发现了一些问题,但解决方案是timeout ,我不想使用timeout 。 我想立即处理:) 也可以看看: JavaScript / JQuery:$(window).resize如何在resize完成后触发? jQuery – 如何等待’结束’或’resize’事件,然后才执行操作? 感谢任何建议:)

jQuery UI可resize的防火窗口resize事件

我有2个事件,一个用于检测窗口resize,另一个用于检测div的可resize的停止。 但是当我调整div的大小时,在控制台中检测窗口resize事件。 有没有办法阻止这个? $(document).ready(function(){ $(window).bind(‘resize’, function(){ console.log(“resize”); }); $(“.a”).resizable(); }); 示例: http : //jsfiddle.net/qwjDz/1/

jQuery结合.ready和.resize

我的jQuery .ready函数中的一些(几乎所有)代码也适用于调整窗口大小时,因为它的布局工作。 但是,由于它是相同的代码,我怎么能“组合”这两个函数,以便我的代码不会重复(并且维护一团糟)? 谢谢!

图像resize以适应屏幕

考虑到导航栏的可用空间,我创建了此代码以调整照片/图像的大小以适应屏幕。 该脚本将在图像加载和导航点击时触发。 有没有人建议改善这一点并确保浏览器兼容性? HTML $(document).ready(function(){ $(“#photo”).load(function(){ resize(); }); $(“.navigation img”).click(function(){ var imgPath = $(this).attr(“src”); $(“#photo”).attr({ src: imgPath }); resize(); return false; }); }); 使用Javascript resize = function() { var borderVt=150; //value based on css style. bottom bar + padding of photoContain var borderHz=40; //value based on css style photoContain padding $(“#photo”).css(“width”, “auto”).css(“height”, “auto”); // Remove […]

jQuery – 根据值的宽度调整表单输入的大小?

是否有可能获得输入的值宽度并动态调整输入大小以使值适合? 这是一个例子: http://jsfiddle.net/bzBdX/2/

使用jQuery UI调整iFrame大小

我有这个代码,它工作正常: 头 $(document).ready(function() { $(“#test”).resizable({minHeight: 50, minWidth: 50}); }); 身体 但是当我将“div”改为“iframe”时,我再也无法调整它了。 身体

拖动resize句柄时,javascriptresize事件多次触发

我希望这个jQuery插件可以工作,但它没有: http://andowebsit.es/blog/noteslog.com/post/how-to-fix-the-resize-event-in-ie (旧链接为noteslog.com/post/how-to-fix-the-resize -event-in-ie)。 我在他的网站上添加了评论,但他们已经过审核,所以你可能还没有看到它。 但无论如何,让我解释一下我的愿望。 我想要在用户暂停resize和/或完成resize时触发“resize”类型的事件,而不是在用户主动拖动浏览器的窗口resize句柄时触发。 我有一个相当复杂和耗时的OnResizeHandled函数,我需要运行,但不会运行100次因为用户将窗口加宽了100px并且事件被激活了所有移动像素。 我想最好的选择是在用户完成resize后处理它。