Set klicken Sie als Standard

Question

Ich benutze Megafolio so jetzt Filter ich Kategorie mit Clic, aber ich möchte Standard-Kategorie, wenn Seite lädt, wie kann ich das tun?

Es ist meine Filterfunktion

function completeGalleryContent(data, target, eng) { 
var items = data.d.results; 
console.log(items); 
var menu = ""; 
var cat = ""; 
for (var item in items) { 
if(items[item].DescriptionEnglish==null) 
    items[item].DescriptionEnglish=""; 
if(items[item].Description==null) 
    items[item].Description=""; 
    if(items[item].Categoria.results!= null && items[item].Categoria.results!= undefined && items[item].Categoria.results.length > 0){ 
     cat =setCategories(eng,items[item].Categoria.results); 
    } 
    if (eng){ 

     menu += "<div class='mega-entry " + cat + " cat-all' id='mega-entry-1' data-src='" + items[item].EncodedAbsUrl + "' data-width='' data-height='' data-lowsize=''><div class='mega-covercaption mega-square-bottom mega-landscape-right mega-portrait-bottom mega-red'><div class='mega-title'>" + items[item].TitleEnglish + "</div><p>" + items[item].DescriptionEnglish + "</p></div><div class='mega-coverbuttons'><div class='mega-link mega-red'></div><a class='fancybox' rel='group' href='" + items[item].EncodedAbsUrl + "' title='" + items[item].TitleEnglish + "'><div class='mega-view mega-red'></div></a></div></div>"; 
    }else{ 
     menu += "<div class='mega-entry "+ cat + " cat-all' id='mega-entry-1' data-src='" + items[item].EncodedAbsUrl + "' data-width='' data-height='' data-lowsize=''><div class='mega-covercaption mega-square-bottom mega-landscape-right mega-portrait-bottom mega-red'><div class='mega-title'>" + items[item].Title + "</div><p>" + items[item].Description + "</p></div><div class='mega-coverbuttons'><div class='mega-link mega-red'></div><a class='fancybox' rel='group' href='" + items[item].EncodedAbsUrl + "' title='"+ items[item].Title +"'><div class='mega-view mega-red'></div></a></div></div>"; 
    } 
} 
$(target).html(menu); 
    var api = $(target).megafoliopro(
       { 
        filterChangeAnimation: "pagebottom",   // fade, rotate, scale, rotatescale, pagetop, pagebottom,pagemiddle 
        filterChangeSpeed: 400,     // Speed of Transition 
        filterChangeRotate: 99,     // If you ue scalerotate or rotate you can set the rotation (99 = random !!) 
        filterChangeScale: 0.6,     // Scale Animation Endparameter 
        delay: 20, 
        defaultWidth: 980, 
        paddingHorizontal: 10, 
        paddingVertical: 10, 
        layoutarray: [9, 11, 5, 3, 7, 12, 4, 6, 13]  // Defines the Layout Types which can be used in the Gallery. 2-9 or "random". You can define more than one, like {5,2,6,4} where the first items will be orderd in layout 5, the next comming items in layout 2, the next comming items in layout 6 etc... You can use also simple {9} then all item ordered in Layout 9 type. 
       }); 

     //console.log("entra"); 
     // FANCY BOX (LIVE BOX) WITH MEDIA SUPPORT 
     jQuery(".fancybox").fancybox(); 
     //console.log("sale"); 

     // THE FILTER FUNCTION 
     $('.filter').click(function() { 
      $('.filter').each(function() { jQuery(this).removeClass("selected") }); 
      api.megafilter(jQuery(this).data('category')); 
      $(this).addClass("selected"); 
     }); 
var categorySelected = getParameterByName("Category"); 

$("div[data-category='"+categorySelected +"']").click(); 

} 

Ich versuche, diese Zeile wie diese ändern, aber did't Werke:

var categorySelected = getParameterByName("Office"); 

Oder so etwas wie

var categorySelected = getParameterByName().first; 

erste nehmen bevölkert von db

Answer 1

Mit jQuery können Sie click() Funktion:

$(document).ready(function(){ 
    $('[href="#first_steps"]').click(); 
}); 

Nur first_steps von anderen Link ändern, wenn Sie möchten.

EDIT

Mit Daten-Kategorie:

$('[data-category="Office"]').click(); // An html attribute with value