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

演示