jQuery初始化點擊？

我使用jScrollpane爲clients'網站。我有這個問題，滾動條在「歡迎」選項卡上的初始化是否正確。「產品」選項卡我也希望該選項卡具有與「歡迎使用」選項卡相同的滾動條。jQuery初始化點擊？

我使用Twitter的引導的標籤，我不加載任何相關的jQuery的，這純粹是默認。

我HTML代碼如下：

<div class="tab-content"> 
      <div id="home" class="tab-pane active scroll_tab"> 
      <?php if (have_posts()) while (have_posts()) : the_post(); ?> 
      <h2> 
       <?php the_title(); ?> 
      </h2> 
      <?php the_content(); ?> 
      <?php endwhile; ?> 
      </div> 
      <div id="about" class="tab-pane"> 
      ABOUT CONTENT 
      </div> 
      <div id="services" class="tab-pane"> 
      <?php 
       $page_id = 11; 
       $page_data = get_page($page_id); 
       echo '<h2>'. $page_data->post_title .'</h2>';// echo the title 
       echo apply_filters('the_content', $page_data->post_content); // echo the content and retain Wordpress filters such as paragraph tags. 
      ?> 
      </div> 
      <div id="case_studies" class="tab-pane"> 
      CASE STUDIES CONTENT 
      </div> 
      <div id="contact_us" class="tab-pane"> 
      CONTACT US CONTENT 
      </div> 
     </div>

我再初始化上的document.ready JScrollPane的插件（）函數中。

jQuery代碼如下：

$(document).ready(function() 
    {  

/* Scrollbars */ 
$(function() 
{ 
    $('.scroll_tab').jScrollPane(); 
    $('.tab-content > .tab-pane, .pill-content > .pill-pane').jScrollPane(); 
}); 
});

如何強制JScrollPane的（）;在每個標籤上初始化？

在此先感謝。

來源

2012-05-10 StuBlackett

你可以把在http://jsfiddle.net的例子嗎？ – Gavriel

@Gavriel是什麼樣的例子？ – StuBlackett

你的HTML，CSS，JS，所以我們可以看到它在行動 – Gavriel

我有一個想法：嘗試調用$（ '標籤內容> .TAB-pane.active。'）JScrollPane的（）改變到另一個選項卡中點擊後。我認爲問題是，當其他（不是第一個）選項卡隱藏時，jScrollPane不會正確計算它們的高度。

來源

2012-05-10 11:55:08 Gavriel

好的答案。我給出了一個粗略的做法，我做了以下jQuery $（'。services_tab a'）。click（function（）{）;哪些工作，但是當你雙擊產品標籤：S？ – StuBlackett

它需要兩次點擊來初始化它。但其在加載.. – StuBlackett

你需要做的是不是一個onclick，但的onclick回調已經存在內（當我點擊產品調用，改變標籤的回調。）有，那機能的研究中，但後顯示你應該做的新選項卡，因爲只有那個選項卡它是真正的高度。您的onclick函數在顯示標籤之前運行，因此它仍然是height = 0，因爲它在您的「修復」之前 – Gavriel

jQuery初始化點擊？

回答

相關問題