如果窗口调整大小,jQuery将检查元素css属性
jQuery check an element css property if the window resize
如何添加窗口大小调整函数?
jQuery(document).ready(function($){
var $MyDiv1 = $('#mydiv1');
if ($MyDiv1.length && $MyDiv1.css('position') == 'fixed') {
console.log ( '#mydiv1 is fixed' );
} else {
console.log ( '#mydiv1 is not fixed' );
}
});
如果我在调整大小后刷新页面,这会起作用。当窗口调整大小时,我想检查MyDiv1的位置是否固定。谢谢你的帮助。
$(document).ready(myfunction);
$(window).on('resize',myfunction);
function myfunction() {
var $MyDiv1 = $('#mydiv1');
if ($MyDiv1.length && $MyDiv1.css('position') == 'fixed') {
console.log ( '#mydiv1 is fixed' );
} else {
console.log ( '#mydiv1 is not fixed' );
}
}
另一种技术是在另一个事件中.trigger()
:
$(window).on('resize',function() {
var $MyDiv1 = $('#mydiv1');
if ($MyDiv1.length && $MyDiv1.css('position') == 'fixed') {
console.log ( '#mydiv1 is fixed' );
} else {
console.log ( '#mydiv1 is not fixed' );
}
});
$(document).ready(function() {
$(window).trigger('resize');
});
如果你把代码放在页面底部以避免需要$(document).ready
,它会变得更简单:
$(window).on('resize',function() {
var $MyDiv1 = $('#mydiv1');
if ($MyDiv1.length && $MyDiv1.css('position') == 'fixed') {
console.log ( '#mydiv1 is fixed' );
} else {
console.log ( '#mydiv1 is not fixed' );
}
}).trigger('resize');
参考:jQuery组合.ready和.resize
您可以使用:
$(window).on('resize', function(){
//code here
});
使用javascript:
window.onresize = function() {
//code here
}
完整代码:
function divreset(){ var $MyDiv1 = $('#mydiv1');
if ($MyDiv1.length && $MyDiv1.css('position') == 'fixed') {
console.log ( '#mydiv1 is fixed' );
} else {
console.log ( '#mydiv1 is not fixed' );
}
}
jQuery(document).ready(function($){
divreset();
});
window.onresize = function() {
divreset();
}
相关文章:
- 检查元素是如何获得焦点的
- 如何检查元素的内容是否为空,如果为空,请在jquery中删除该元素
- 如何检查元素是否在iframe中
- 使用 jQuery 检查元素的数量
- 检查元素是否将状态从隐藏更改为可见
- 检查元素hasClass是否添加了AJAX
- 检查元素是否已单击或hasClass
- 如何使用jQuery实时检查元素是否为空
- 检查元素是否有内容
- 画布-绘制的线,但没有显示在谷歌检查元素
- 如何使用jQuery实时检查元素inset html
- 使用 javascript 检查元素是否包含子标记而不是文本
- 检查元素是否悬停在上面
- 在 php 中隐藏检查元素
- 在运行Javascript/jQuery中的函数之前,检查元素是否存在是否更具性能
- Javascript,检查元素是否已离开屏幕
- jQuery检查元素是否有类
- 如何从浏览器隐藏视频src属性's检查元素
- Angularjs:如何检查元素的子元素是否包含某些元素(通过ID)
- 如何检查元素是否已经通过AJAX加载