0

HTML 内に実装された jQuery 関数を使用して、最初の主要なプロジェクトを開発しています。私は画像ギャラリーを構築しています。

私の HTML ページには、ヘッダーとサムネイルの間でパネルをスライドさせる jQuery 関数があります。注 - サムネイルは HTML と CSS で作成されます。あらゆる種類の配列ではありません。

エンドユーザーがどのサムネイルをクリックしても、パネルを下にスライドさせる関数を呼び出すようにしたいのですが、問題は、一度に1つのサムネイルからしか関数を呼び出せないことです(「id」を指定することにより)属性）。すべてのサムネイルに id 属性を指定すると、最初のサムネイルがクリックされたときにのみ関数が呼び出されます。

jQuery関数は次のとおりです。

jQuery.fn.blindToggle = function(speed, easing, callback) {
var h = this.height() + parseInt(this.css('paddingTop')) +                                            
    parseInt(this.css('paddingBottom'));
return this.animate({marginTop: parseInt(this.css('marginTop')) <0 ? 0 : -h}, speed, 
    easing, callback);  
};

$(document).ready(function() {
    var $box = $('#box')
    .wrap('<div id="box-outer"></div>');
    $('#blind').click(function() {$box.blindToggle('slow');  
});    
});


<div class=thumbbox>
     <div class="thumb" id="blind";></div>
</div>
4

1 に答える 1

1

ID の代わりにクラスを使用しないのはなぜですか?

そのようです：

$('.blind').click(function() {$box.blindToggle('slow');

そして、あなたのマークアップで：

<div class=thumbbox>
     <div class="thumb blind"></div>
</div>
于 2012-11-04T03:44:08.033 に答える