ajax - twitter bootstrap dynamic carousel -



ajax - twitter bootstrap dynamic carousel -

i'd utilize bootstrap's carousel dynamically scroll through content (for example, search results). so, don't know how many pages of content there be, , don't want fetch subsequent page unless user clicks on next button.

i looked @ question: carousel dynamic content, don't think reply applies because appears suggest loading content (images in case) db server side , returns static content.

my best guess intercept click event on button press, create ajax phone call next page of search results, dynamically update page when ajax phone call returns, generate slide event carousel. none of discussed or documented on bootstrap pages. ideas welcome.

if (or else) still looking solution on this, share solution discovered loading content via ajax bootstrap carousel..

the solution turned out little tricky since there no way determine current slide of carousel. info attributes able handle .slid event (as suggested) , load content url using jquery $.load()..

$('#mycarousel').carousel({ interval:false // remove interval manual sliding }); // when carousel slides, load ajax content $('#mycarousel').on('slid', function (e) { // index of active item var idx = $('#mycarousel .item.active').index(); var url = $('.item.active').data('url'); // ajax load data-url $('.item').html("wait..."); $('.item').load(url,function(result){ $('#mycarousel').carousel(idx); }); }); // load first slide $('[data-slide-number=0]').load($('[data-slide-number=0]').data('url'),function(result){ $('#mycarousel').carousel(0); });

demo on bootply

ajax twitter-bootstrap carousel

Comments

Post a Comment

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer - when trying request rest service @ time of response getting exception.. feb 21, 2013 2:34:49 pm com.sun.jersey.spi.container.containerresponse mapmappablecontainerexception severe: exception contained within mappablecontainerexception not mapped response, re-throwing http container java.lang.noclassdeffounderror: not initialize class net.sf.cglib.proxy.enhancer @ org.hibernate.proxy.pojo.cglib.cgliblazyinitializer.getproxyfactory(cgliblazyinitializer.java:117) @ org.hibernate.proxy.pojo.cglib.cglibproxyfactory.postinstantiate(cglibproxyfactory.java:43) @ org.hibernate.tuple.entity.pojoentitytuplizer.buildproxyfactory(pojoentitytuplizer.java:162) @ org.hibernate.tuple.entity.abstractentitytuplizer.<init>(abstractentitytuplizer.java:135) @ org.hibernate.tuple.entity.pojoentitytuplizer.<init>(pojoentitytuplizer.java:55) @ org.hibernate.tuple.e...
Read more

Accessing MATLAB's unicode strings from C -

Accessing MATLAB's unicode strings from C - how can access underlying unicode info of matlab strings through matlab engine or mex c interfaces? here's example. let's set unicode characters in utf-8 encoded file test.txt, read as fid=fopen('test.txt','r','l','utf-8'); s=fscanf(fid, '%s') in matlab. now if first feature('defaultcharacterset', 'utf-8') , c engevalstring(ep, "s") , output text file utf-8. proves matlab stores unicode internally. if mxarraytostring(enggetvariable(ep, "s")) , unicode2native(s, 'latin-1') give me in matlab: non-latin-1 characters replaced character code 26. need getting access underlying unicode info c string in unicode format (utf-8, utf-16, etc.), , preserving non-latin-1 characters. is possible? my platform os x, matlab r2012b. addendum: documentation explicitly states "[mxarraytostring()] supports multibyte encoded characters...
Read more

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more