JQuery显示具有相同类的div

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

是的，检查您的代码。 检查控制台，如果它是'$未定义'错误。

将代码中的 '$' 替换为 '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');
});

演示