javascript - Update a jQuery script when user switches to a new tabbed element -


i'm having hard time describing problem is.. link in question is: http://www.evolutionarycollective.com/events/

you'll notice when load "calendar" tab, calendar doesn't show up. if resize window, or manipulate page in other way, calendar appears. calendar loads fine when it's not within tab. it's being called in header with:

<script type='text/javascript'>     jquery(document).ready(function() {     jquery('#calendar').fullcalendar({         events: themeforce.events         });     }); </script>

edit: believe section of script library handles tabs , panes.. (i'm using wordpress theme calls tabs via shortcode)

    // jquery tool's tab creator not shortcode friendly, transfer titles correct tabs area     jquery('.bfi_pane').each(function(i) {         var title = jquery(this).attr('title');         jquery(jquery(this).siblings('.bfi_tabs,.bfi_tabs_slide,.bfi_tabs_fade')[0]).append('<div><a href="#">'+title+'</a></div>');     });      // custom slide effect tabs. slide down     jquery.tools.tabs.addeffect('slide-slide',function(i, done) {          this.getpanes().slideup(400).eq(i).delay(400).slidedown(400, done);                });     // custom slide effect tabs. slide , down simultaneously     jquery.tools.tabs.addeffect("slide", function(i, done) {         this.getpanes().slideup(400).eq(i).slidedown(400, done);     });      // important: slidedown jquery fix. need assign correct heights     // slidedown effect doesn't jump     jquery(".bfi_accordion_pane").each(function(i) {         var heightto = jquery(this).height();         var paddingtop = parseint(jquery(this).css("padding-top").replace('px', ''));         var paddingbottom = parseint(jquery(this).css("padding-bottom").replace('px', ''));         var margintop = parseint(jquery(this).css("margin-top").replace('px', ''));         var marginbottom = parseint(jquery(this).css("margin-bottom").replace('px', ''));         jquery(this).css("height", heightto + paddingtop + paddingbottom + margintop + marginbottom);     });      // start jquery tool tabs. have long way can make     // initialindex work     jquery(".bfi_tabs_slide").each(function(i) {         var opentab = jquery(this).attr('rel');         jquery(this).tabs('> div.bfi_pane', {effect: 'slide-slide', initialindex: parseint(opentab, 10)});     });     jquery(".bfi_tabs_fade").each(function(i) {         var opentab = jquery(this).attr('rel');         jquery(this).tabs('> div.bfi_pane', {effect: 'fade', initialindex: parseint(opentab, 10)});     });

is there way can somehow refresh script when tab lis loaded.. or fire off document.ready?

thank you!

the probable explanation full calendar can't figure out height because when created tab hidden, make have 0 width , height.

just make call .fullcalendar() in tab switch event handler.

alternatively use "off-left" method of hiding tabs, described in last few paragraphs of http://jqueryui.com/demos/tabs/


Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more