Databases
StackOverflow2013
Postsdbo
POUpdate a jQuery script when user switches to a new tabbed element
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUpdate a jQuery script when user switches to a new tabbed element
    primarykey
    data
    text
    <p>I'm having a hard time describing exactly what the problem is.. but the link in question is: <a href="http://www.evolutionarycollective.com/events/" rel="nofollow">http://www.evolutionarycollective.com/events/</a></p> <p>You'll notice that when you load the "Calendar" tab, the calendar doesn't show up. If you resize the window, or manipulate the page in some other way, then the calendar appears. The calendar loads fine when it's not within a tab. It's being called in the header with:</p> <pre><code>&lt;script type='text/javascript'&gt; jQuery(document).ready(function() { jQuery('#calendar').fullCalendar({ events: themeforce.events }); }); &lt;/script&gt; </code></pre> <p>EDIT: I believe this is the section of the script library that handles the tabs and panes.. (I'm using this with a wordpress theme that calls the tabs via a shortcode)</p> <pre><code> // jQuery tool's tab creator is not shortcode friendly, transfer the titles to the 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('&lt;div&gt;&lt;a href="#"&gt;'+title+'&lt;/a&gt;&lt;/div&gt;'); }); // Custom slide effect for tabs. slide up then down jQuery.tools.tabs.addEffect('slide-slide',function(i, done) { this.getPanes().slideUp(400).eq(i).delay(400).slideDown(400, done); }); // Custom slide effect for tabs. slide up and down simultaneously jQuery.tools.tabs.addEffect("slide", function(i, done) { this.getPanes().slideUp(400).eq(i).slideDown(400, done); }); // IMPORTANT: SLIDEDOWN JQUERY FIX. we need to assign the correct heights // so that the 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. we have to do this the long way so we can make // initialIndex work properly jQuery(".bfi_tabs_slide").each(function(i) { var openTab = jQuery(this).attr('rel'); jQuery(this).tabs('&gt; 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('&gt; div.bfi_pane', {effect: 'fade', initialIndex: parseInt(openTab, 10)}); }); </code></pre> <p>Is there some way I can somehow refresh the script when that tab lis loaded.. or fire off another document.ready?</p> <p>Thank you!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USbcorkins
    1. USbcorkins
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COCould you post up the code you're using for the tabs? (Presuming you're doing it with JS).
      singulars
      1. POUpdate a jQuery script when user switches to a new tabbed element
      1. USJack Franklin
    2. COYeah, you probably want the fullCalendar function call to be made when the calendar tab show event fires, not by firing off another document.ready
      singulars
      1. POUpdate a jQuery script when user switches to a new tabbed element
      1. USJay
    3. COI've added the script that handles the tabs
      singulars
      1. POUpdate a jQuery script when user switches to a new tabbed element
      1. USbcorkins
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload