所以我目前使用的东西如下:
$(window).resize(function(){resizedw();});
但是在调整大小过程的过程中会多次调用它.是否可以在事件结束时捕获事件？
我有一个在$(document).ready()上执行的脚本,它应该在我的布局中垂直对齐块元素.90%的时间,它没有问题.然而,对于额外的10%,两件事之一发生:
进行定心所需的时间明显滞后,并且块元素跳入位置.这可能只是性能相关 - 因为页面大小通常很大,并且有大量的javascript一次执行.
中心将完全搞乱,并且块元素将向下推得太远或不够远.似乎它试图计算高度,但是测量结果不合适.
有没有理由为什么在DOM-ready上执行脚本会没有将所有正确的CSS值注入到DOM中？(所有CSS都在<head>via a中<link>).
此外,这是导致问题的脚本(是的,它是从这里直接采取的):
(function ($) {
// VERTICALLY ALIGN FUNCTION
$.fn.vAlign = function() {
return this.each(function(i) {
var ah = $(this).height();
var ph = $(this).parent().height();
var mh = (ph - ah) / 2;
$(this).css('margin-top', mh);
});
};
})(jQuery);
谢谢.
当bootstrap-responsive.css媒体查询付诸实施时,这是最快速,最简单的方法吗？
go in action =当您将窗口调整为移动宽度并将网站更改为响应式移动时
希望问题很清楚
这只是一个简短的问题,我没有一个例子,但我正在使用定制的cms,目前我们无法访问网页的头部,所以一些css必须放在头部外面导致闪光页面加载时未设置样式的内容
只是想知道她身上是否有人知道快速修复jquery或其他什么来阻止它.
我知道把不是内联的CSS作为不好的做法,但我想知道是否有工作回合.
任何帮助赞赏
我正在使用Twitter的Bootstrap.当我的窗口宽度低于980px时,我想执行某个JS函数(显示工具提示一次)(如你所知,在此大小的Bootstrap上修改Navbar并隐藏标准菜单项) - 窗口从768到979,为简短.我知道
@media (min-width: 768px) and (max-width: 979px) {...}
此选项可用于捕获事件.但是,它可能仅用于更改现有样式
body {background-color:#ccc;}
我需要启动JS函数,或者添加或删除元素的特定样式.我试过了:
<script>
window.onresize = function () {
if (window.outerWidth == 980) {alert('');}
};
</script>
但是这个解决方案太慢了,甚至挂起了浏览器窗口.那么,当窗口从GREATER端调整为979px并执行JS函数时,是否有任何解决方案来捕获此事件？
谢谢大家!