jquery - データ属性セレクターと jQuery

Question

カテゴリの配列を含むデータ属性を持つアイテムのグループがあります。

<div class="result" data-categories="category-1, category-2, category-3" data-type="logo" data-preview="images/previews/preview.jpg">

data-categories グループから、渡す値のない要素を選択するのに問題があります。

$(".media-results .result:not([data-categories*=" + val + "])");

これはうまくいくようですが、このセレクターを使用する select 要素を変更すると、奇妙で​​望ましくない結果が得られます (セレクターが無限に実行され、ページがランダムに要素を隠したり表示したりし続けます)。

誰からの助けはありますか？

---

編集: select が値を渡す関数は次のとおりです。

allResults.animate({
        opacity: 0
    }, 500, function(){
        console.log("Change triggered. All results hidden.");
        notSelected.hide(50, function(){
            console.log("Unwanted items hidden");
            selected.show().animate({ opacity: "1" }, 500);
        });
    });