Question

我尝试执行以下操作：

当我点击特定的DIV时，会从另一个DIV添加/删除CSS类。

在这里查看一个实例（点击“点击我”）：
http://jsfiddle.net/fyehLqsc/

   $(document).ready(function() {
    $(".mejs-play").click(function () {
      $(".spin-l").toggleClass("animated");
      $(".spin-r").toggleClass("animated"); 
    });
   });

它正常工作，但是当我在我的WordPress网站上做同样的事情时，它无法正常工作。

看看这里：
已删除链接

我想要实现的目标：如果有人点击具有“mejs-play”类的播放按钮，则应将“animated”类添加到“spin-l”和“spin-r”。

任何人都可以告诉我为什么它在JSFiddle上工作但在我的网站上没有？

Answer 1

jQuery在wordpress中以noconflict模式运行，你无法通过$

访问它

使用此：

   jQuery(document).ready(function($) {
    $(".mejs-play").click(function () {
      $(".spin-l").toggleClass("animated");
      $(".spin-r").toggleClass("animated"); 
    });
   });

编辑：

因为Medialelement-library似乎停止了点击事件的传播。

这对我有用：

  jQuery(document).ready(   function ($) { 
    $('audio').on('play pause',function(e){  
      $(this).closest('.current-cast').prevAll('.cassette').last()
      .find(".spin-l,.spin-r").toggleClass("animated",e.type==='play');
    });
  });

使用jQuery单击切换CSS类不起作用

1 个答案: