与WordPress的。对和jQuery的事件处理程序（）(Wordpress & jquery e

我有一些麻烦。对jquery`s（）/。bind（）函数。 我所试图做的是一个点击事件附加到某个元素，所以每当它在内容中使用，也可以点击然后弹出的打开，而不需要单独声明一个函数。 这是我的代码：它工作了简单的测试，但不是本地WordPress的环境中。 没有点击事件被连接，调试didn't告诉我什么...：

$(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的： 包括jQuery的到WordPress

我想关于jQuery的的无冲突模式的一切。 我也有被调用另一个（文件）。就绪功能和正常工作（有多个（文件）。就绪一个问题，一个文件？

有了这整个事情我想打电话给一个简单的CSS动画，这是我想补充的元素的类定义。 Basicially一个将飞并没有内置媒体播放。

当所谓的直出的帖子，但如果这个事件应该被添加到预先相应的按钮，因为使用正常编辑时的wordpress带出来的脚本标签应实现这个工作。

干杯! 干杯!

Answer 1:

有时它与$一个问题，所以尝试。

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

Answer 2:

我终于想出了吧！ 作为一个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);
});

所以很多东西要学在这里！ 感谢你的支持！

文章来源: Wordpress & jquery event handler with .on()