WordPress的和jQuery的事件處理程序與.on（）

我有jquery的.on（）/。bind（）函數的一些麻煩。我試圖做的是將點擊事件附加到某個元素，所以無論何時在內容中使用它，都可以單擊它並彈出一個窗口，而不需要單獨聲明一個函數。這是我的代碼：它適用於簡單測試，但不適用於本地Wordpress環境。沒有點擊事件被連接，調試didn't告訴我什麼...：WordPress的和jQuery的事件處理程序與.on（）

$(document).ready(function() { 
$('#eins_audiotrigger').bind('click', function() { 
    if($('#eins_audiotarget').attr('class') != 'fadeInUp'){ 
     $('#eins_audiotarget').removeClass().addClass('fadeInUp'); 
    } 
    else { 
     $('#eins_audiotarget').removeClass().addClass('fadeOutDown'); 
    } 
}); 

});

好吧，這裏是幾個細節：

我用這個來包括jQuery的：include jquery into wordpress

我嘗試了一切有關jQuery的無衝突模式。我還有另一個（文檔）.ready函數被調用並且工作正常（在一個文件中是否存在多個（文檔）.ready問題？

有了這整個事情，我想調用一個簡單的CSS動畫，這是在我想添加到該元素的類中定義的。基本上a將飛入並且嵌入了mediaplayer。

這適用於直接從帖子中調用時，但如果此事件應添加到因爲wordpress在使用正常編輯器時剝離了腳本標籤，所以應該實現它們。

乾杯！乾杯！

來源

2013-01-18 thilo.dev

當你說「調試沒有告訴我任何東西」，你的意思是在控制檯沒有錯誤？ – Matanya

是的，在控制檯中沒有錯誤 –

你可以'console.log（$）'併發布結果？ – Matanya

有時它與$的問題所以試試這個。

jQuery(document).ready(function($) { 
    $('#eins_audiotrigger').bind('click', function() { 
     if($('#eins_audiotarget').hasClass('fadeInUp') === false){ 
      $('#eins_audiotarget').removeClass().addClass('fadeInUp'); 
     } 
     else { 
      $('#eins_audiotarget').removeClass().addClass('fadeOutDown'); 
     } 
    }); 
});

來源

2013-01-18 09:52:32

沒有幫助。 jQuery在頁面內部調用時工作，並且包含正確的（認爲是這樣）。一個concole.log（$）答覆如下：功能（選擇，背景）{ \t \t // jQuery對象實際上只是在init構造 '加強' \t \t回報新jQuery.fn.init（選擇器，上下文，rootjQuery）; \t} –

檢查此鏈接http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/ –

我終於想出了它！作爲一個Javascript的newbee我意識到，我可以簡單地通過這樣一個點擊添加按鈕：

$('#trigger').click(function() { 
     $('#trigger').removeClass().addClass('fadeOutDown'); 
     $('#eins_audiotarget').removeClass().addClass('fadeInUp'); 
}); 
$('#closeIt').click(function() { 
     $('#eins_audiotarget').removeClass().addClass('fadeOutDown'); 
     $('#trigger').removeClass().addClass('fadeInUp'); 
     setTimeout(function() {$('#trigger').removeClass()}, 1000); 
});

所以，很多事情在這裏學習！感謝您的支持！

來源

2013-01-19 13:09:56

WordPress的和jQuery的事件處理程序與.on（）

回答

相關問題