我有一组元素,但我不想一次显示全部元素。 我的问题是我必须在同一页面中多次使用它。 你们知道 jQuery 插件可以实现我写的功能吗?
jQuery(function($) {
$lis = $('.addfilter');
min = 2;
max = $lis.length;
var visible = min;
function showUpToIndex(index) {
$lis.hide();
$lis.slice(0, index).show();
}
function disableButtons(){
if (visible >= max){
visible = max;
$('#more').hide();
}
else
{
$('#more').show();
}
if (visible <= min){
visible = min;
$('#less').hide();
}
else
{
$('#less').show();
}
}
showUpToIndex(visible);
disableButtons();
$('#more').click(function(e) {
e.preventDefault();
visible = visible + 5;
disableButtons();
showUpToIndex(visible);
});
$('#less').click(function(e) {
e.preventDefault();
visible = visible - 5;
disableButtons();
showUpToIndex(visible);
});
});
这是一个工作示例: http://jsfiddle.net/cUUfS/179/
谢谢!
最佳答案
请尝试这些,
http://viralpatel.net/blogs/dynamically-shortened-text-show-more-link-jquery/
https://github.com/mfarid/readmore-readless
希望这可能会有所帮助
关于javascript - 使用 jQuery 显示更多/更少的项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18479105/