jQuery技术:jQuery – FadeToggle – 如果元素可见或不可见,则执行不同的操作

我有一个按钮,当你点击那个按钮时,我正在做一个fadeToggle()来显示或隐藏一个弹出窗口。

该弹出窗口出现在自动播放的Flashvideo之上。

所以,我想要做的是, 当弹出窗口可见时,我想暂停video。 当它被隐藏时,播放video

我的video播放器已经支持这些function。 所以这很好用:

videoPlayer.pause(); videoPlayer.play() 

那么我的FadeToggle()看起来像什么? 现在我有这个代码:

  $("#categorySlider").fadeToggle('fast', function() { var videoPlayer = document.getElementById("videoContainer"); videoPlayer.pause(); }); 

我在这里缺少play()部分,但我无法弄清楚添加它的语法?! 如果fadeToggle不是正确的用法,任何jquery或javascript都没问题!

有什么帮助吗?

    您可以使用jquery :visible选择器查看#categorySlider是否可见,并根据该暂停或播放video。

     $("#categorySlider").fadeToggle('fast', function() { var videoPlayer = document.getElementById("videoContainer"); if ($("#categorySlider").is(":visible")) videoPlayer.pause(); else videoPlayer.play(); }); 

      以上就是jQuery教程分享jQuery – FadeToggle – 如果元素可见或不可见,则执行不同的操作相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/561325.html

      (0)
      上一篇 2021年2月4日
      下一篇 2021年2月4日

      精彩推荐