0

私はこれらを数日間使っていますが、それを実現する方法がわかりません...plsのアドバイス

http://jsfiddle.net/kbspot/fjVhY/

すべての親指が下に表示されます。ユーザーが親指をクリックすると、大きなプレビューが表示されます...動作しました

問題：私が追加したいもう1つのことは、ユーザーが大きなプレビューをクリックすると、[次へ]サム（下部パネル）が選択されることです。しかし、それは私が望んでいたように機能していません、次の親指は選択されていません。

//Click on thumbnail (this is working perfectly)
$(".panel-bottom li").click(function () {
    var $activetab = $('li.active');        
    //$activetab.('IMG').hide();
    $activetab.removeClass('active');       
    $(this).addClass('active');

    //$(this).next().css({'border': '2px solid red'});
});

//Large Preview  click (this is the problem)
$("li.active .container").click(function () {
    //alert($(this).parent().html());
    var $activetab = $(this);       
    var $nexttab = $activetab.next();   

    $(this).removeClass();      
    $nexttab.addClass("active");
});

申し訳ありませんが、それを説明する方法がわかりませんが、うまくいけば、あなたがそれを得ると確信しています

4

2 に答える 2

0

フィドルは適切に表示されませんが、ここのコードからは、最初の部分のように、要素ではなく、その親で$activetabある必要がある大きなプレビュー クリックのように見えますか?li.active .containerli.active

//Large Preview  click (this is the problem)
$("li.active .container").click(function () {
    //alert($(this).parent().html());
    var $activetab = $(this).parent(); // Updated this line    
    var $nexttab = $activetab.next();   

    $(this).removeClass();      
    $nexttab.addClass("active");
});
于 2013-02-11T13:46:13.567 に答える
0

画像がローカル開発を指しているように見えるため、js フィドルが少し壊れています。

<img src="http://lensamaya/basic/photo/images/1.jpg" alt="From off a hill whose concave womb reworded" />

ただし、コンテナー div にドロップダウンして次の要素に移動しようとしているという点で、問題を確認できると思います。ただし、最初に li 要素までレベルを上げてから、再度ドロップダウンする必要があります。

このようなものがうまくいくでしょう。

$("li.active .container").click(function () {
    //alert($(this).parent().html());
    var $activetab = $(this);       
    var $nexttab = $activetab.parent().next().children('.container');

    $(this).removeClass();      
    $nexttab.addClass("active");
});
于 2013-02-11T13:52:17.333 に答える