jQuery - 如果CSS类发生更改，则为Fire事件 [英] jQuery - Fire event if CSS class changed

问题描述

如果使用jQuery添加或更改了css类，我该如何触发事件？
更改CSS类是否会触发jQuery change（）事件？

how could I fire a event if the a css class was added or changed with jQuery? Does changing of CSS class fire the jQuery change() event?

推荐答案

每当您更改脚本中的类时，您可以使用触发器来举起自己的活动。

Whenever you change a class in your script, you could use a trigger to raise your own event.

$(this).addClass('someClass');
$(mySelector).trigger('cssClassChanged')
....
$(otherSelector).bind('cssClassChanged', data, function(){ do stuff });

但是否则，没有，当课程发生变化时，没有一个可以解雇事件的方式。 change（）仅在焦点离开输入已被更改的输入后触发。

but otherwise, no, there's no baked-in way to fire an event when a class changes. change() only fires after focus leaves an input whose input has been altered.

$(function() {
  var button = $('.clickme')
      , box = $('.box')
  ;
  
  button.on('click', function() { 
    box.removeClass('box');
    $(document).trigger('buttonClick');
  });
            
  $(document).on('buttonClick', function() {
    box.text('Clicked!');
  });
});

.box { background-color: red; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="box">Hi</div>
<button class="clickme">Click me</button>

有关jQuery触发器的更多信息

这篇关于jQuery - 如果CSS类发生更改，则为Fire事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！