jquery代码在jsfiddle上正常工作,但在我的网站上只有部分(切换不起作用),即使相同版本的jquery

时间:2013-03-24 14:11:51

标签: jquery toggle

我一直在为jsfiddle上的网站编写一个元素,当我尝试将它转移到我的网站(基于wordpress)时,它只能部分工作。
它似乎并不是jquery本身不起作用,因为扩展/折叠机制工作得很好。班级翻转似乎有些不对劲,如果你帮我解决这个问题我会很感激因为我找不到一个可行的解决方案。

这是代码,jsfiddle告诉我它有效 - http://jsfiddle.net/GSzC4/

但是在我的网站上它不起作用/切换不起作用,其余的 - http://www.roxopolis.de/media/albums/what-would-you-give

    jQuery(document).ready(function () {
    jQuery(".content").hide();
    jQuery(".content_album").hide();

    jQuery(".heading").click(function () {
        jQuery(this).next(".content").slideToggle(200);
    });
    jQuery("#heading_album").click(function () {
        jQuery(this).next(".content_album").slideToggle(400);
    });

    $('#heading_album').click(function () {
        $(this).toggleClass('album_clicked');
    });

    $('.heading').click(function () {
        $(this).toggleClass('album_item_clicked');
    });
});

1 个答案:

答案 0 :(得分:0)

将代码中的所有$符号更改为jquery ...我认为jQuery与wordpress中的其他框架之间存在冲突

  jQuery(this).toggleClass('album_clicked');
  //^^^^---here