jQuery：單擊后不觸發事件

Question

實際使用中：http： //3.alphenweer.nl/weer/
碼：

    $(document).ready(function(){
        $('.categorie[data-cat]').click(function(){
            $('#cat-'+ $(this).attr('data-cat')).slideToggle('slow');
        });
    });

<span class="categorie" data-cat="nieuws">Nieuws</span>
<div class="box" id="box-nieuws">
    <a href="/pages/nieuws/nieuws/alphen.php">Alphen</a>
    <a href="/pages/nieuws/nieuws/nederland.php">Nederland</a>
</div>

問題：當我單擊菜單按鈕時（在示例中：單擊“ Neerslag”或“ Satteliet”），什么都沒有發生。 我認為選擇器不正確，但應該正確。 你們能幫我嗎？

Answer 1

我覺得你有點困惑。 似乎您要使用單擊的.categorie的data屬性來滑動相應的元素。 因此，您可以執行以下操作：

$('.categorie[data-cat]').click(function(){
    $('div[id=box-"' + $(this).attr('data-cat') + '"]').slideToggle('slow');
});

或者，假設結構與您發布的結構一致，則可以更簡單：

$('.categorie[data-cat]').click(function(){
    $(this).next(".box").slideToggle('slow');
});

Answer 2

已經發現問題：

$(document).ready(function(){
    $('.categorie[data-cat]').click(function(){
        $('#cat-'+ $(this).attr('data-cat')).slideToggle('slow');
    });
});

第三行中的$('#cat-'應該是$('#box-'