單擊使用jQuery切換CSS類不起作用

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”類的播放按鈕，則將“動畫”類添加到“ spin-l”和“ spin-r”中。

誰能告訴我為什么它可以在JSFiddle上運行而不在我的網站上運行？

Answer 1

jQuery在wordpress中以noconflict-mode運行，您不能通過$訪問它

用這個：

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

---

編輯：

似乎Medialelement庫停止了點擊事件的傳播。

這對我有用：

  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');
    });
  });