媒体查询更改时销毁Jquery函数
Destroy a Jquery function when media query changes
希望你能帮我。
我已经搜索了论坛,我想这是一个特殊的情况。
我正在构建的项目由媒体查询(响应式)提供动力,我有3列,有时有4列,需要在等高中。我在Jquery中开发了一个脚本,效果很好。见下文
var maxHeight = 0;
function setHeight(column) {
$(window).load(function () {
column = $(column);
column.each(function () {
if ($(this).height() > maxHeight) {
maxHeight = $(this).height();
}
});
column.height(maxHeight);
});
}
setHeight('.package-container .package-3');
但是,当我要使用移动版时,低于767px,我如何在不刷新页面的情况下销毁这个setHeight()函数。
另一种选择是,我可以在下面使用enquire.js、javascript媒体查询来完成这项工作,但如果我直接从台式机/平板电脑转到移动设备,我就不需要刷新它。像下面这样
enquire.register("(max-width:767px)", {
match : function() {
setHeight(null);
}
}).listen();
以下是我在移动优先的方法中要做的,你不需要担心"破坏"任何简单的设置高度为auto:
enquire.register("screen and (min-width : 768px)", {
match : function() {
// set equal height for columns
setHeight('.package-container .package-3');
},
unmatch : function() {
// set auto height
$('.package-container .package-3').height("auto");
}
}).listen();
相关文章:
- 是否有一个JS/jQuery函数可以获取某个类的每个元素的ID
- 如何在JQuery函数中定义一个值,然后调用另一个函数并使用该值
- 如何从jquery函数返回变量
- 如何将具有文本类型值的var放入jQuery函数中
- Jquery函数在错误的时间提交
- 锚链接无法使用.slideUp jquery函数
- 重新分解jQuery函数
- 如何在视图模型contet更新更新上调用Jquery函数
- 如何向这个javascript/jquery函数添加参数
- 添加类来触发jquery函数
- 更改智能表中的页面将停止JQuery函数的工作
- 使用每500ms运行一次的jquery函数是个好主意吗
- jQuery函数不能只在一个页面上工作
- 如何将jquery函数链接到vanilla选择器
- 仅在小型设备上调用jQuery函数
- 如何将jquery函数仅应用于大屏幕
- 奇怪的jquery函数行为
- Backbone listenTo不将jquery函数作为处理程序进行激发
- 在jquery函数内部设置来自jquery函数的var;t运行
- 从Jquery函数中获取一个变量