Question

我在使用jquery的.on（）/。bind（）函数时遇到了一些麻烦。我想要做的是将click事件附加到某个元素，因此无论何时在内容中使用它，都可以单击它并弹出一个弹出窗口，而无需单独声明一个函数。这是我的代码：它适用于简单测试，但不适用于本地Wordpress环境。没有附加点击事件，调试没有告诉我任何事情......：

$(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函数被调用并且工作正常（多个（document）.ready在一个文件中有问题吗？

有了这整件事，我想调用一个简单的css动画，它是在我想要添加到元素的类中定义的。基本上a将飞入并且嵌入了媒体播放器。

当直接从帖子中调用时，这是有效的，但是如果事先应该将此事件添加到相应的按钮，则不会这样，这应该实现，因为当使用普通编辑器时，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＆amp;带.on（）的jquery事件处理程序

2 个答案: