0

我正在开发我的第一个主要项目，其中包含在我的 HTML 中实现的 jQuery 函数。我正在建立一个图片库。

我的 HTML 页面上有一个 jQuery 函数，可以在我的标题和缩略图之间向下滑动一个面板。注意 - 缩略图是用 HTML 和 CSS 创建的；不在任何类型的数组中。

我想要它，这样无论最终用户点击哪个缩略图，它都会调用该函数来向下滑动面板，问题是该函数一次只能由一个缩略图调用（通过给它一个“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 回答