AMcoder - javascript, python, java, html, php, sql

Isotope.js և երկնաքար

Ես օգտագործում եմ isotope.js-ի փաթեթավորված տարբերակը երկնաքարի նախագծի ներսում և կարծես թե չեմ կարողանում հասկանալ, որ այն ճիշտ վարվի: սովորաբար այն կանչվում է jquery-ում պատրաստ փաստաթղթի վրա: երկնաքարում համարժեքը template.name.onRendered է, սակայն այն բավականին շերտավոր է թվում իզոտոպով:

Ես ունեմ դրա երեք օրինակ երկնաքարի նախագծում, բայց դրանք բոլորն էլ կոչվում են տարբեր div id-ներով տարբեր էջերի/երթուղիների վրա, ուստի չեմ կարծում, որ դա է խնդիրը: Հետաքրքիրն այն է, որ բրաուզերի չափը փոխելու դեպքում քարտերը, որոնք օգտագործվում են իզոտոպային դիտման մեջ, նորից խառնվում են և ի վերջո կվերադառնան ցանկալի դիրքերին... դա իսկապես տարօրինակ է: ինչ-որ գաղափարներ?

սա իմ ծածկագիրն է, որը գործարկում է իզոտոպային օրինակը

Template.sell.onRendered(function(){
// ISOTOPE SETUP
$('#container').isotope({
    itemSelector: '.card',
    masonry: {
        gutter: 20
    }
}); 
})
meteor jquery-isotope
18.05.2015

  • զարկել! դեռևս խնդիրներ ունեմ սրա հետ :( 20.05.2015
  • Որոշ ժամանակ է, ինչ օգտագործում եմ իզոտոպը այս կերպ: Պարզապես գուշակություն, բայց եթե տարրերը կախված են հավաքածուից, կարող եք փորձել օգտագործել waitOn երկաթյա երթուղիչում, եթե դեռ չեք: Այդ կերպ ձևանմուշը չի ցուցադրվի այնքան ժամանակ, քանի դեռ տվյալները հասանելի չեն, և Isotope-ը ժամանակից շուտ չի գործարկվի (ինչը ես կասկածում եմ, որ տեղի է ունենում) 10.07.2015

Պատասխանները:


1

Փորձեք տեղադրել Meteor.defer: Քանի որ onRenderd-ում $("#container") հասանելի չի լինի: Այսպիսով, փորձեք ստորև նշված կոդը

    Template.sell.onRendered(function(){
    // ISOTOPE SETUP
    Meteor.defer(function ({
    $('#container').isotope({
        itemSelector: '.card',
        masonry: {
            gutter: 20
        }
    }); 

})
})
28.01.2016
Նոր նյութեր
Օգտագործելով Fetch Vs Axios.Js-ը՝ HTTP հարցումներ կատարելու համար
JavaScript-ը կարող է ցանցային հարցումներ ուղարկել սերվեր և բեռնել նոր տեղեկատվություն, երբ դա անհրաժեշտ լինի: Օրինակ, մենք կարող ենք օգտագործել ցանցային հարցումը պատվեր ներկայացնելու,..
Տիրապետել հանգստության արվեստին. մշակողի ուղեցույց՝ ճնշման տակ ծաղկելու համար
Տիրապետել հանգստության արվեստին. մշակողի ուղեցույց՝ ճնշման տակ ծաղկելու համար Ինչպե՞ս հանգստացնել ձեր միտքը և աշխատեցնել ձեր պրոցեսորը: Ինչպես մնալ հանգիստ և զարգանալ ճնշման տակ...
Մեքենայի ուսուցում բանկային և ֆինանսների ոլորտում
Բարդ, խելացի անվտանգության համակարգերը և հաճախորդների սպասարկման պարզեցված ծառայությունները բիզնեսի հաջողության բանալին են: Ֆինանսական հաստատությունները, մասնավորապես, պետք է առաջ մնան կորի..
Ես AI-ին հարցրի կյանքի իմաստը, այն ինչ ասում էր, ցնցող էր:
Այն պահից ի վեր, երբ ես իմացա Արհեստական ​​ինտելեկտի մասին, ես հիացած էի այն բանով, թե ինչպես է այն կարողանում հասկանալ մարդկային նորմալ տեքստը, և այն կարող է առաջացնել իր սեփական արձագանքը դրա..
Ինչպես սովորել կոդավորումը Python-ում վագրի պես:
Սովորելու համար ծրագրավորման նոր լեզու ընտրելը բարդ է: Անկախ նրանից, թե դուք սկսնակ եք, թե առաջադեմ, դա օգնում է իմանալ, թե ինչ թեմաներ պետք է սովորել: Ծրագրավորման լեզվի հիմունքները, դրա..
C++-ի օրական բիթ(ե) | Ամենաերկար պալինդրոմային ենթաշարը
C++ #198-ի ամենօրյա բիթ(ե), Ընդհանուր հարցազրույցի խնդիր. Ամենաերկար պալինդրոմային ենթատող: Այսօր մենք կանդրադառնանք հարցազրույցի ընդհանուր խնդրին. Ամենաերկար palindromic substring...
Kydavra ICAReducer՝ ձեր տվյալների ծավալայինությունը նվազեցնելու համար
Ի՞նչ է ICAReducer-ը: ICAReducer-ն աշխատում է հետևյալ կերպ. այն նվազեցնում է նրանց միջև բարձր փոխկապակցված հատկանիշները մինչև մեկ սյունակ: Բավականին նման է PCAreducer-ին, չնայած այն..