0

私の問題の解決策を探しています...

このスクリプトを使用して、ここの別のスレッドからの回答を部分的に見つけました

$(function () {
$(".myclass").hover(function ()
{}, function ()
{
    $(".myclass>li").fadeTo(200, 1)
});
$(".myclass>li").hoverIntent(function ()
{
    $(this).attr("id", "current");
    $(this).siblings().fadeTo(200, .6);
    $(this).fadeTo(300, 1)
}, function ()
{
    $(".myclass>li").removeAttr("id");
    $(this).fadeTo(200, 1)
})})

リスト内の項目がホバーされると、スクリプトは他のすべての項目をフェードアウトします。オリジナルのデモはこちらhttp://jsbin.com/usobe

これは私のサイトでは問題なく機能しますが、リスト (サムネイルのグリッド) は、ajax を介して「プレビュー」をロードする、より大きなスライダー スクリプトの一部です。リスト項目をクリックすると、非表示のセクションがページ上で展開され、スライダー スクリプトがリスト項目に「アクティブ」クラスを割り当てます。

非表示のセクションが開いているとき、アクティブ化されたサムネイルの不透明度を 1 のままにし、残りの部分を上記のスクリプトを使用したホバー効果とまったく同じように 0.6 にフェードします。サムネイルをクリックして ajax スクリプトをアクティブにすると、私が達成しようとしていることが明らかになります。クラスが.6 opacity に設定されてactiveいない場合、クラスを使用してこれを実現することは可能ですか?active

前もって感謝します

- - 編集

提案してくれてありがとう - 私は今のところあまり運がありません! 上記のコードを使用して、リスト項目がクリックされたときに指定されたレベルの不透明度を保持するように変更することは可能でしょうか? それはうまくいくと思います。次にonclick、非表示の div が閉じられたときに、すべてのアイテムを完全な不透明度にフェードバックすると思います。

4

2 に答える 2

1

私はあなたのコードがどのように機能するかを推測しようとしています.

// this is the selector that gets the click on the thumbnail
$('li.item').click(function() {
    // fade all the thumbnails to op 1.0
    $('#li.item').css('opacity', '.6');
    // let the active thumbnail to 1.0
    $(this).css('opacity', 1);

    //show your hidden div
});

次に、非表示の div を閉じると、次のようになります。

$('div#hiddenDiv').onClose(function()
    // about to close
    $(this).fadeTo('fast', 1);
});
于 2012-05-18T20:24:12.873 に答える
0

zetaThumbs li要素をターゲットとするオンクリックを使用して、現在のターゲットを1に設定し、その兄弟を.6に設定できます。

 $('.zetaThumbs li').click(function(){
    $(this).css({'opacity':1}).siblings().css({'opacity':.6});
 })
于 2012-05-18T20:16:36.830 に答える