状态判断问题

为什么下面不直接用这种方法来判断元素是否显示隐藏，还要搞个状态来存储这么麻烦？这样做有什么好处？

show: function ($elem) {
    if ($elem.is(':visible')) return;

    $elem.trigger('show');
    $elem.show();
    $elem.trigger('shown');
}

像这样写不就好了？

源自：实战：电商网站下拉菜单 2-3 静静的显示和隐藏（2）

收起

2回答

好帮手慕久久 2020-10-10 18:21:48

同学你好，问题解答如下：

以show、shown这两个状态为例，它俩的作用就是标记元素正在显示、或者已经显示了，如果元素处于这两个状态，则此时再次点击显示按钮，就无需执行下图中的代码了：

如果不标记一下元素的状态，则每次点击显示按钮，都会执行这些代码，效果上并不好。

它们的作用，和同学写的 if ($elem.is(':visible')) return;是类似的。

祝学习愉快！

好帮手慕久久 2020-10-10 17:55:57

同学你好，由于每个人的书写习惯不同，导致代码的的实现方式并不唯一；同学这样写也是可以的，只要实现功能就行。

祝学习愉快！

老师问一下

promise 状态

登录后可查看更多问答，登录/注册

本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识，不仅如此，还会学习如何利用组件化的思想来开发网页，知识点+案例，使得所学可以更好的得到实践。

问答作业

0 2

1 20

0 20

0 16

0 16

请稍等 ...

请选择置顶位置