0

私はこの条件付き選択を持っていますが、これはうまく機能します。アイテムが選択されると、選択されたアイテムを含むものを除いて、他のすべての親divが非表示になります。

ただし、このスクリプトを実装する場合、各アイテムはclass = "grid_4"を使用して別のdivにラップされます。このdivは、選択されていないアイテムのコンテンツが非表示になっている場合でも、レイアウトに関して問題が発生します。

そこで、アイテムを選択したときにclass="grid_4"でdivを非表示にします。私のスクリプトはここでいじくり回しています。（現在、jsfiddle.netはChromeでは機能しないようです。）

私は変えようとしました

$options.not("#" + $currentSelection).parent().hide();

に

$options.not("#" + $currentSelection).parent().parent().hide();

-しかし、それは何も変わりませんでした。

誰かがこれを手に入れてもらえますか？

ありがとう。

4

1 に答える 1

1

jsFiddleは正常に機能しているようです。必要なのがdivを非表示にするgrid_4（つまり、に設定するdisplay: none）場合、必要なものはまさに提案したものです.parent().parent().hide()。私はこのフィドルでそれを試しました、そしてそれは働きます。もちろん、最初の選択でも同じ変更を行う必要があります。

if (!($(this).hasClass($currentSelection))) {
    $(this).parent().parent().hide();
}
...
$options.not("#" + $currentSelection).parent().parent().hide();
于 2013-01-10T11:26:34.687 に答える