en utilisant quicksand plugin pour obtenir des données spécifiques

Question

Quelqu'un peut-il m'aider avec le plugin sablonneux, je suis en train de charger la valeur de données web d'abord pas toute la valeur de données qui est chargée sur pageload.L'idée est quand je clique sur mon menu déroulant par exemple Web design le web.html a déjà les projets Web chargés pas la valeur tout ce qui est sous la valeur par défaut.Ceci est mon html: Merci!

<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>Category 1</li> 
     <li>Category 2</li> 
     <li>Category 3</li> 
     </ul> 
    </li> 
    <li>Games</li> 

    <li>Contact</li> 
    </ul> 
<ul id="content" class="gallerynav"> 

<li class="selected-1 button2">< data-value="all">All</li> 
<li class="button2">< data-value="web">Web Design</li> 
<li class="button2">< data-value="photo">Banners</li> 
<li class="button2">< data-value="video">Posters</li> 

<ul id="gallery" class="qsmall"> 
    <li data-id="id-1" class="web"> <span class="qcaption peek"> <span class="meta"> <span class="name">Om Du Möter Varg</span></span> 
<a href rel="zoombox[web]" title="Om Du Möter Varg"> </a></li></ul> 

et ainsi de suite.
et mon fichier 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(); 
}); 

});

});

Answer 1

Voici ce que je faisais:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".class").trigger('click'); 
    }); 
</script> 

Il est sans doute pas la meilleure solution, mais cela a fonctionné pour moi. .class doit être la classe du lien que vous allez répliquer avec trigger. De cette façon, vous fake un clic sur cette ancre lorsque vous chargez la page pour faire croire que vous avez réellement cliqué là-bas.