quicksand

JQuery Quicksand: Link directly to pre-filtered Quicksand from another page

由 梦想与她 提交于 2019-12-11 12:28:57
问题 For example: If I have a page called fruit.php with Quicksand and the filters are 'All', 'Apple', and 'Bananas' and it is set to 'All' by default, can I link to fruit.php from some other page and have quicksand pre-filtered to 'Apple' or 'Banana' instead? 回答1: If you set up your links like fruit.php#apple, you can write some javascript to parse the hashtag and filter the collection on the page load: if(window.location.hash) { // run code here to filter the quicksand set var $filteredData =

How to apply jQuery quicksand (sort) without losing a jQuery based portfolio hover?

由 我怕爱的太早我们不能终老 提交于 2019-12-11 04:04:09
问题 When using jQuery to apply quicksand (a script for sorting lists) I find that I lose my portfolio hovers for my list items. How do I keep my list hovers after someone has sorted the list? The problem is on: http://digitalstyle.co/portfolio.html The Quicksand Code // Custom sorting plugin (function($) { $.fn.sorted = function(customOptions) { var options = { reversed: false, by: function(a) { return a.text(); } }; $.extend(options, customOptions); $data = $(this); arr = $data.get(); arr.sort

First open limited item not all in jQuery Quicksand?

由 情到浓时终转凉″ 提交于 2019-12-08 12:28:50
问题 jQuery Quicksand I want to first open limited item like "vogue". in here ist open "all" What the change in the programs? Please help me For looking go here1 go here2 回答1: If you don't want all to show all items when you open the page, you can call the .quicksand() function for .vouge on page load, to trigger the filtering/animation. Since the example with "vogue" is not trivial, I chose to reuse the click event handler. Put this code last in your javascript. $(function() { // It would be

using quicksand plugin to get specific data

由 徘徊边缘 提交于 2019-12-08 09:12:50
问题 Can anybody help me with the quicksand plugin, I am trying to load the web data-value first not the all data-value that is loaded on pageload.The idea is when I click on my drop down menu for instance Web design the web.html already has the web projects loaded not the all value that is under the default.This is my html: Thanks! <div id="smoothmenu1" class="ddsmoothmenu"> <ul> <li>Home</li> <li>Design <ul> <li>Web design</li> <li>Banners</li> <li>Posters</li> </ul> </li> <li>Video< <ul> <li

AngularJS Quicksand

由 谁说胖子不能爱 提交于 2019-12-04 23:37:21
问题 Is there any way to implement jQuery's Quicksand plugin in Angular? Perhaps there is an implementation but I can't seem to find it. Perhaps a strategy to do it would help me because quicksand takes a list and then receives as a parameter the new list, but with Angular's way of re-rendering data I have no idea how to do that. 回答1: I implemented something similar using a masonry directive + ng-animate for enter/leave animations, here's a CSS animation only demo (with chrome vendor prefixed CSS)

Limit items or paginate in Quicksand

由 风格不统一 提交于 2019-12-04 14:59:56
I'm using the Quicksand jQuery plugin. It works fine, but now I want to limit the initial items, for example only show 20 or 30 items. How can I do this? My current code: Shadowbox.init({ skipSetup: true }); $(document).ready(function () { var $filterType = $('#boxAreas li.active a').attr('class'); var $holder = $('ul#elportafolio'); var $data = $holder.clone(); $('#boxAreas li a').click(function (e) { $('#boxAreas li').removeClass('active'); var $filterType = $(this).attr('class'); $(this).parent().addClass('active'); if($filterType == 'all') { var $filteredData = $data.find('li'); } else {

jQuery quicksand plugin with .click method

由 核能气质少年 提交于 2019-12-03 22:06:51
问题 I'm attempting to add this .click function to each image I'm sorting with the quicksand plugin for jQuery $('li img').click(function() { var verticalCenter = ($(window).height() - $('#popupContent').height() ) /2; var horizontalCenter = ($(window).width() - $('#popupContent').width() ) /2; $('#popupContent').css('top', verticalCenter); $('#popupContent').css('left', horizontalCenter); $('#backgroundPopup').fadeIn('slow'); $('#popupContent').fadeIn('slow'); }); It will create the popup

CSS bubbling while using jQuery Quicksand

由 醉酒当歌 提交于 2019-12-02 17:19:31
问题 I'm using jQuery Quicksand to create a filterable portfolio of articles: http://davekiss.com/new/ The problem is, when the filters in the sidebar paragraph are clicked (video, websites, motion graphics), the CSS is doubled on the articles that are being filtered and aren't properly positioned until the animation is complete. The plugin is adding top: 60px; left: 416px; to the first article in the filtered set, pushing everything over. Keep clicking website to see the effect. I believe this is

jQuery.browser script or shim for backwards-compatibility of plugins with 1.9.1

由 有些话、适合烂在心里 提交于 2019-11-28 09:59:40
问题 I'm trying to use quicksand the jquery plugin and I'm getting this error with jquery 1.9.1. "Uncaught TypeError: Cannot read property 'msie' of undefined" I know that msie is the flag on the jQuery.browser property jQuery.browser was deprecated since version 1.3 and was removed in jQuery 1.9.0 Which is why this is causing the error. But is there a fix so that quicksand will work again? Any help or advice would be great! Thanks in advance! 回答1: Note for the Intrepid Developer(s) A (few)
订阅 quicksand