调整窗口大小时,为什么jQuery slideToggle函数停止工作?

蒙古人

我正在尝试设计一个具有响应式设计的网站(http://eastwightendeavour.org.uk/beta),并且正在使用jQuerynav#nav-btn单击制作幻灯片当以台式机,平板电脑或移动模式加载文档时,此方法工作正常,但调整窗口大小时则无效。

这是我的jQuery代码:

$(document).ready(function(){
  if ($("#nav-btn").css("display") == "block" ){
   $("#nav-btn").click(function(){
    $("nav").stop().slideToggle();
   });
  }
});

即使调整了窗口大小,如何使导航正确显示?

查理

这是行不通的,因为您仅在页面加载时检查显示,并且仅在可见时绑定单击处理程序。

然后,当您调整大小并通过媒体查询使它可见时,clcik处理程序将不会绑定到它。我看不到有任何需要,if(display)因为用户无论如何都无法隐藏它,因此无法单击它

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery:调整窗口大小时,事件处理程序停止工作

来自分类Dev

调整窗口大小时删除mouseenter函数jquery

来自分类Dev

调整浏览器大小时,简单的jQuery移动菜单停止工作

来自分类Dev

移至js文件时,jQuery函数停止工作

来自分类Dev

当移至js文件时,jQuery函数停止工作

来自分类Dev

添加div后jquery函数停止工作

来自分类Dev

在调整窗口大小时停止视差

来自分类Dev

为什么我的函数在窗口调整大小之前运行?

来自分类Dev

jQuery - 页面调整大小后链接停止工作

来自分类Dev

我的 jquery 窗口滚动停止工作

来自分类Dev

为什么DocuSign EventNotification停止工作?

来自分类Dev

为什么Socket Server停止工作?

来自分类Dev

为什么这些线程停止工作?

来自分类Dev

为什么.fadeTo()。each()停止工作?

来自分类Dev

为什么GCC停止工作?

来自分类Dev

为什么我的键盘停止工作?

来自分类Dev

为什么 Elastic Beanstalk 停止工作?

来自分类Dev

为什么第二次调用.html()会使click()函数停止工作?

来自分类Dev

当函数移至结构上的方法时,为什么#[inline]属性停止工作?

来自分类Dev

为什么这个函数在ajax调用后执行时停止工作?

来自分类Dev

为什么 PHP Datetime 子函数在 PHP 7.1 上停止工作?

来自分类Dev

为什么边框在调整网格大小时停止呈现其负边距

来自分类Dev

ReactJS:调整窗口大小时如何停止屏幕刷新状态?

来自分类Dev

水平对齐div,在窗口调整大小时停止浮动

来自分类Dev

在 Bootstrap 中调整窗口大小时停止元素移动

来自分类Dev

NSSound几个小时后停止工作

来自分类Dev

在调整窗口大小时调用多个函数

来自分类Dev

尝试插入数据库时,jQuery keyup函数停止工作

来自分类Dev

阻止弹出“已停止工作”窗口

Related 相关文章

  1. 1

    jQuery:调整窗口大小时,事件处理程序停止工作

  2. 2

    调整窗口大小时删除mouseenter函数jquery

  3. 3

    调整浏览器大小时,简单的jQuery移动菜单停止工作

  4. 4

    移至js文件时,jQuery函数停止工作

  5. 5

    当移至js文件时,jQuery函数停止工作

  6. 6

    添加div后jquery函数停止工作

  7. 7

    在调整窗口大小时停止视差

  8. 8

    为什么我的函数在窗口调整大小之前运行?

  9. 9

    jQuery - 页面调整大小后链接停止工作

  10. 10

    我的 jquery 窗口滚动停止工作

  11. 11

    为什么DocuSign EventNotification停止工作?

  12. 12

    为什么Socket Server停止工作?

  13. 13

    为什么这些线程停止工作?

  14. 14

    为什么.fadeTo()。each()停止工作?

  15. 15

    为什么GCC停止工作?

  16. 16

    为什么我的键盘停止工作?

  17. 17

    为什么 Elastic Beanstalk 停止工作?

  18. 18

    为什么第二次调用.html()会使click()函数停止工作?

  19. 19

    当函数移至结构上的方法时,为什么#[inline]属性停止工作?

  20. 20

    为什么这个函数在ajax调用后执行时停止工作?

  21. 21

    为什么 PHP Datetime 子函数在 PHP 7.1 上停止工作?

  22. 22

    为什么边框在调整网格大小时停止呈现其负边距

  23. 23

    ReactJS:调整窗口大小时如何停止屏幕刷新状态?

  24. 24

    水平对齐div,在窗口调整大小时停止浮动

  25. 25

    在 Bootstrap 中调整窗口大小时停止元素移动

  26. 26

    NSSound几个小时后停止工作

  27. 27

    在调整窗口大小时调用多个函数

  28. 28

    尝试插入数据库时,jQuery keyup函数停止工作

  29. 29

    阻止弹出“已停止工作”窗口

热门标签

归档