播放暂停按钮无法正常工作

博詹德拉·拉尼雅

jQuery的:

$('#toggle').on('click', function() {
    if ($(this).attr('class') == 'play')
        $(this).attr('class', 'pause');
    else
        $(this).attr('class', 'play');
});

$('.play').on('click',function(){
    $('div').css({'background':'blue'}); 
});

$('.pause').on('click',function(){
    $('div').css({'background':'green'}); 
});

演示

它仅更改一次div颜色。有什么不对的吗?

拉贾普布(Rajabrabhu Aravindasamy)

在注册事件时,不可能拥有您指定的所有类,因为您是在运行时添加这些类的。所以,你必须使用event-delegation挂钩的click这些类的事件处理程序document或其nearest parent

尝试,

$(document).on('click','.play',function(){
    $('div').css({'background':'blue'}); 
});

$(document).on('click','.pause',function(){
    $('div').css({'background':'green'}); 
});

演示

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

对象计时器无法正常工作(暂停按钮、播放按钮)

来自分类Dev

无法使播放和暂停按钮与iFrame一起正常使用

来自分类Dev

按钮无法正常工作

来自分类Dev

按钮无法正常工作

来自分类Dev

音频播放器html5播放按钮无法正常工作...?

来自分类Dev

暂停后WiFi无法正常工作(14.04)

来自分类Dev

睡眠/暂停后wifi无法正常工作

来自分类Dev

单选按钮无法正常工作

来自分类Dev

单选按钮无法正常工作

来自分类Dev

单击按钮无法正常工作

来自分类Dev

按钮转换无法正常工作

来自分类Dev

AudioSource播放/ PlayOneShot无法正常工作

来自分类Dev

Shockwave播放器无法正常工作?

来自分类Dev

播放scala 2.4.3 redicrect无法正常工作

来自分类Dev

音频播放器无法正常工作

来自分类Dev

AudioSource播放/ PlayOneShot无法正常工作

来自分类Dev

无法看到程序的结果,暂停无法正常工作。请指教

来自分类Dev

Ubuntu 12.04:WiFi暂停后无法正常工作

来自分类Dev

暂停后,Goodix触摸屏无法正常工作

来自分类Dev

youtube视频的播放/暂停按钮

来自分类Dev

Android模拟播放/暂停按钮

来自分类Dev

如何隐藏播放/暂停按钮?

来自分类Dev

视频播放暂停按钮动画

来自分类Dev

PHP 音乐播放/暂停按钮

来自分类Dev

按钮单击jQuery无法正常工作

来自分类Dev

由按钮触发的load()无法正常工作

来自分类Dev

克隆的关闭按钮无法正常工作

来自分类Dev

按钮IsEnabled绑定无法正常工作

来自分类Dev

动态创建的按钮onClick无法正常工作