如何从<div>元素触发jQuery fadeIn()fadeOut()

弹跳杰克

我在页面上有一个隐藏的元素: <div id="hidden"></div>

我在页面上还有另一个要用作按钮触发器的元素: <div id="trigger"></div>

我想做这样的事情:

$('#trigger').on('click', function(){
    if($(this).val() == 'clicked') {
        $('#hidden').fadeIn(700);
        $('#trigger').fadeOut(250);         
    }
});

我必须对triggerCSS中元素做些什么,如何监听单击事件trigger

帕维尔·帕亚·哈尔比奇(PavelPájaHalbich)

元素div没有属性,因此您不需要

   if($(this).val() == 'clicked')

状况。仅此而已,现在您的代码可以使用了。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery停止fadeOut / fadeIn循环

来自分类Dev

jQuery停止fadeOut / fadeIn循环

来自分类Dev

jQuery fadeIn / fadeOut而不是fadeToggle

来自分类Dev

jQuery的FadeOut,Load和FadeIn

来自分类Dev

jQuery触发菜单上的fadeIn和fadeOut

来自分类Dev

不含JQuery的香草Javascript .fadein().fadeOut()

来自分类Dev

jQuery FadeIn和FadeOut后台命令

来自分类Dev

jQuery FadeIn / fadeOut无法正常运行

来自分类Dev

jQuery fadeIn()和fadeOUt()毫不延迟

来自分类Dev

jQuery Fadein / Fadeout后保持<a>文本

来自分类Dev

jQuery图像src fadeOut fadeIn效果

来自分类Dev

jQuery Fadein后如何滚动到div?

来自分类Dev

带有bootstrap(CSS)的fadeIn / FadeOut重叠div

来自分类Dev

带有bootstrap(CSS)的fadeIn / FadeOut重叠div

来自分类Dev

Fadein div与jQuery

来自分类Dev

jQuery FadeIn特定Div

来自分类Dev

jQuery fadeOut和SlideUp,然后fadeIn和SlideDown

来自分类Dev

jQuery fadeIn和fadeOut与IE8不兼容

来自分类Dev

Javascript fadeIn fadeOut不断淡入(没有JQuery!)

来自分类Dev

jQuery fadeOut和fadeIn背景图片

来自分类Dev

Fadein和Fadeout停止jquery函数正常工作

来自分类Dev

jQuery hide()和fadeOut(),show()和fadeIn()之间的区别

来自分类Dev

与CSS中的过渡同时使用jQuery中的fadeIn和fadeOut

来自分类Dev

Bootstrap 4打破了我的jQuery fadeOut / fadeIn函数?

来自分类Dev

jQuery fadeIn和fadeOut将img放在顶部

来自分类Dev

使fadeIn和fadeOut效果在jquery中顺利工作

来自分类Dev

jQuery fadeIn和fadeOut与IE8不兼容

来自分类Dev

两个浏览器的fadeIn fadeOut jQuery

来自分类Dev

jQuery fadeOut和SlideUp,然后fadeIn和SlideDown