Jquery - 如何在每次点击中更改我的课程

用户9127206

当用户单击“共享”按钮时,我想更改我的按钮类。为此,我正在使用toggleClasses()方法。

但是当我尝试时,它只给了我最后一节课。我哪里出错了,我该如何解决?

$('#fb_button').each(function () {
        var count = 0;
        var thisButton = $(this);
        thisButton.click(function () {
            count++;
            thisButton.val("Share" + '(' + count + ')');
            thisButton.toggleClass('green-button blue-button red-button')
        })

})
服务隔离期

像下面这样做: -

var array = ['green-button', 'blue-button', 'red-button'];
var count = 0;
$('#fb_button').click(function () {
  if(count==3){
    count = 0;
  }
  $(this).removeClass().addClass(array[count]);
 count++;
});
.green-button{
  background:green;
}

.blue-button{
  background:blue;
}

.red-button{
  background:red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="fb_button">Click Me!</button>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

JQuery:如何在每次点击中一一显示段落标记数组?

来自分类Dev

如何在点击事件中从jQuery函数更改链接文本

来自分类Dev

每次我重复点击时,jquery transitionend函数都会提示

来自分类Dev

如何在流星点击中更改变量的值

来自分类Dev

如何使用 jquery clone 增加每次点击的 TR?

来自分类Dev

jQuery如何更改点击链接的类别

来自分类Dev

如何在jQuery中的每次点击时一个一个地循环一组div?

来自分类Dev

我应该如何改善jQuery点击功能?

来自分类Dev

我如何清除jQuery的点击功能

来自分类Dev

javascript / jquery如何在出现课程时取消.on

来自分类Dev

JQuery防止功能.click每次点击触发

来自分类Dev

使用jQuery显示和隐藏每次点击

来自分类Dev

jQuery 切换背景,每次点击

来自分类Dev

点击Jquery更改每张图片

来自分类Dev

我如何在jQuery bootstrap multiselect中更改更改时禁用optgroup

来自分类Dev

我如何在使用jQuery更改选择值时调用更改选择框?

来自分类Dev

jQuery为什么不删除我的课程?

来自分类Dev

如何使用 jquery 在每次点击时获取下拉框值

来自分类Dev

如何在jQuery插入的元素上发生“点击”事件?

来自分类Dev

如何在链接点击事件jQuery中调用onbeforeunload?

来自分类Dev

如何在jquery插入的元素上发生“点击”事件?

来自分类Dev

jQuery-如何在点击函数中包含变量

来自分类Dev

如何在jquery点击功能之外获取价值

来自分类Dev

如何在 JavaScript 或 jQuery 中访问可点击链接的值?

来自分类Dev

如何在jQuery中更改JSON数据

来自分类Dev

如何在JQuery中检测URL更改?

来自分类Dev

如何从jQuery模拟点击ngClick

来自分类Dev

是否有可能使用jQuery在点击中进行点击

来自分类Dev

如何使用 jQuery 找到以前的课程?

Related 相关文章

  1. 1

    JQuery:如何在每次点击中一一显示段落标记数组?

  2. 2

    如何在点击事件中从jQuery函数更改链接文本

  3. 3

    每次我重复点击时,jquery transitionend函数都会提示

  4. 4

    如何在流星点击中更改变量的值

  5. 5

    如何使用 jquery clone 增加每次点击的 TR?

  6. 6

    jQuery如何更改点击链接的类别

  7. 7

    如何在jQuery中的每次点击时一个一个地循环一组div?

  8. 8

    我应该如何改善jQuery点击功能?

  9. 9

    我如何清除jQuery的点击功能

  10. 10

    javascript / jquery如何在出现课程时取消.on

  11. 11

    JQuery防止功能.click每次点击触发

  12. 12

    使用jQuery显示和隐藏每次点击

  13. 13

    jQuery 切换背景,每次点击

  14. 14

    点击Jquery更改每张图片

  15. 15

    我如何在jQuery bootstrap multiselect中更改更改时禁用optgroup

  16. 16

    我如何在使用jQuery更改选择值时调用更改选择框?

  17. 17

    jQuery为什么不删除我的课程?

  18. 18

    如何使用 jquery 在每次点击时获取下拉框值

  19. 19

    如何在jQuery插入的元素上发生“点击”事件?

  20. 20

    如何在链接点击事件jQuery中调用onbeforeunload?

  21. 21

    如何在jquery插入的元素上发生“点击”事件?

  22. 22

    jQuery-如何在点击函数中包含变量

  23. 23

    如何在jquery点击功能之外获取价值

  24. 24

    如何在 JavaScript 或 jQuery 中访问可点击链接的值?

  25. 25

    如何在jQuery中更改JSON数据

  26. 26

    如何在JQuery中检测URL更改?

  27. 27

    如何从jQuery模拟点击ngClick

  28. 28

    是否有可能使用jQuery在点击中进行点击

  29. 29

    如何使用 jQuery 找到以前的课程?

热门标签

归档