使用quicksand插件获取特定数据
任何人都可以帮助我使用quicksand插件，我试图首先加载web数据值，而不是加载在pageload上的所有数据值。这个想法是当我点击我的下拉菜单，例如网页设计网页时。 html已经加载了web项目而不是默认值下的所有值。这是我的html：谢谢！
- Home
- Design
- Web design
- Banners
- Posters
- Video<
- Category 1
- Category 2
- Category 3
- Games
- Contact
- All
- Web Design
- Banners
- Posters
等等。
和我的javascript文件：
$(function() { var read_button = function(class_names) { var r = { selected: false, type: 0 }; for (var i=0; i < class_names.length; i++) { if (class_names[i].indexOf('selected-') == 0) { r.selected = true; } if (class_names[i].indexOf('segment-') == 0) { r.segment = class_names[i].split('-')[1]; } }; return r; }; var determine_sort = function($buttons) { var $selected = $buttons.parent().filter('[class*="selected-"]'); return $selected.find('a').attr('data-value'); }; var determine_kind = function($buttons) { var $selected = $buttons.parent().filter('[class*="selected-"]'); return $selected.find('a').attr('data-value'); }; var $preferences = { duration: 800, easing: 'easeInOutQuad', adjustHeight: false }; var $list = $('#gallery'); var $data = $list.clone(); var $controls = $('ul.gallerynav'); $controls.each(function(i) { var $control = $(this); var $buttons = $control.find('a'); $buttons.bind('click', function(e) { var $button = $(this); var $button_container = $button.parent(); var button_properties = read_button($button_container.attr('class').split(' ')); var selected = button_properties.selected; var button_segment = button_properties.segment; if (!selected) { $buttons.parent().removeClass('selected-1'); $button_container.addClass('selected-' + 1); var sorting_type = determine_sort($controls.eq(1).find('a')); var sorting_kind = determine_kind($controls.eq(0).find('a')); if (sorting_kind == 'all') { var $filtered_data = $data.find('li'); } else { var $filtered_data = $data.find('li.' + sorting_kind); } if (sorting_type == 'size') { var $sorted_data = $filtered_data.sorted({ by: function(v) { return parseFloat($(v).find('span').text()); } }); } else { var $sorted_data = $filtered_data.sorted({ by: function(v) { return $(v).find('strong').text().toLowerCase(); } }); } $list.quicksand($sorted_data, { enhancement: function() { zoombox.init(); } }, function() { $('.qcaption.peek').hover(function(){ $(".cover", this).stop().animate({top:'25px'},{queue:false,duration:160}); }, function() { $(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160}); }); });
}
e.preventDefault(); });
}）;
}）;
这就是我做的：
它可能不是最好的解决方案，但它对我有用。 .class必须是您将使用触发器复制的链接的类。 这样，当你加载页面时，你就假装点击了那个锚点，让流沙认为你实际上点击了那里。