Question

我通过在http://jsfiddle.net/6GvE6/6/引用以下代码点击链接时创建了一个简单的jQuery来显示具有相同类的div。（您可以在http://jsfiddle.net/UpX3L/1717/）

看到我修改的代码

$('[id^="wrapper"]').on('click', function(e) {
    e.preventDefault();
    $('.wrap > div').hide();

    $('.'+ this.id).show();
});

两者似乎都在JSFiddle中工作，但当我尝试在我的WordPress博客中使用它们时，它们无法正常工作。

Answer 1

是检查您的代码。检查控制台，如果是'$ is undefined'错误。

在代码中用'jQuery'替换'$'。

这是WordPress的标准

Answer 2

以下是最终版本：

$('[id^="wrapper"]').on('click', function(e) {
    e.preventDefault();
    var id = this.id;
    $('.wrap > div').each(function() {
        if(!$(this).hasClass(id)) {
            $(this).hide();
        }
    });

    $('.'+ this.id).slideToggle('slow');
});

demo

JQuery显示同一个类的div

2 个答案: