如何从移动响应屏幕中删除悬停功能
How to remove hover function from mobile responsive screen
窗口正常屏幕时使用悬停功能
jQuery(".main-menu ul li").hover(
function() {
jQuery(this).children("ul").slideToggle(1000);
}
但是我希望当屏幕为768px时,移动响应此悬停功能不起作用,单击功能将激活。我用过这个函数
jQuery(window).resize(function() {
var screenWidth = jQuery(window).width();
if(screenWidth <= 768){
jQuery(".main-menu ul li").click(function() {
jQuery(this).children("ul").slideToggle(1000);
});
}
});
但它不起作用。
调整窗口大小后尝试取消绑定上一个单击事件:
jQuery(window).resize(function() {
$( ".main-menu ul li").unbind();
var screenWidth = jQuery(window).width();
if(screenWidth <= 768){
jQuery(".main-menu ul li").click(function() {
jQuery(this).children("ul").slideToggle(1000);
});
}
});
相关文章:
- 在样式表中声明元素后,删除该元素的悬停属性
- 如何动画删除悬停后的背景
- 使用CSS将鼠标悬停在子对象上时,删除父对象上的悬停样式
- 从特定系列的谷歌可视化折线图中删除悬停工具提示
- 使用jquery更改颜色将删除悬停颜色
- 一次高亮显示一个城市,并在悬停其他城市时删除颜色填充
- 悬停事件上的删除按钮
- 如何删除<br>从prettyPhoto悬停
- 如何在通过 Angular 将鼠标悬停在另一个元素上时添加和删除一个元素的类
- jQuery 悬停意图创建和删除元素
- 删除触摸设备 CSS 上的悬停效果
- 悬停时删除和添加类
- 将鼠标悬停在图像上时删除图像标题
- 如何从移动响应屏幕中删除悬停功能
- 如何删除悬停项目上的 jquery 缓存
- 如何删除:悬停状态而不使用额外的类
- 如何在单击时删除悬停
- 从jquery ui按钮中删除悬停和默认状态
- 如何从WinJS ListView中删除悬停属性
- 调整屏幕大小时无法删除悬停效果