2012-04-07 11 views
0

jscrollpaneの新しいバージョンがjQuery UIタブで動作するのに問題があります。 私は1つだけのタブ(最初のもの)を稼働させますが、他のタブは稼働しません。私は以前のバージョンでここで説明した修正を試しました.と記載されているように、タブで制御される追加の<div>を配置しました(そして内側はjScrollPaneによって制御されます)。誰もsimmilar問題を経験していますか?手がかりをありがとう!jQuery UIタブとjScrollPaneを組み合わせると失敗します

答えて

1

私は最後に、自分でこの問題を解決するためにjscrollpane自身が投稿したthis explanationを見てもらえましたが、以前のバージョンのjscrollpaneでは解決しました。

これは、箱から出して動作しませんでした、と私はまだ解決策を実装する問題を抱えていたとして、私はリンクをタブするクリックリスナーを追加し、クリックされたとき、この

jQuery("#tabs ul li a").click(function() { 
clickednum = "#tabs-" + jQuery(this).parent().attr("id"); 
jQuery(clickednum + " .skroler").jScrollPane(); 
    }); 
のように、コンテンツのdivにJScrollPaneのを追加しました

私がここでやっていることは、ユーザーがいくつかのタブリンクをクリックするのを待ってから、クリックされたタブリンクに対応するタブコンテンツにjScrollPaneを追加することです。それはそれが動作するために、この方法を行う必要がありますスクリプトの作者)

によって記述されているので

.skrolerは、タブのコンテンツである余分なdiv要素である私は、 IDでタブをreckognizingています(他の理由で私がPHPから生成する必要があった)

これは具体的な実装です - 実際の例から、おそらく他の環境では簡単に行うことができます。

ああ、もちろん、物語の開始時に、あなたは最初に、私は同じ問題を抱えているし、そののliタグにidを追加することによってそれを解決し

jQuery("#tabs-1 .skroler").jScrollPane(); 
0

のようにタブを開くためにするJScrollPaneを初期化する必要があります生成されたタブに対応する:

<ul> 
     <li id="details"><a href="#tabs-1">Details</a></li> 
     <li id="history"><a href="#tabs-2">History</a></li> 
     <li id="examinations"><a href="#tabs-3">Examinations</a></li> 
     <li id="diagnosis"><a href="#tabs-4">Diagnosis</a></li> 
</ul> 

そして、例えば:

$('#diagnosis').click(function() { 
    $('.diagnosis').jScrollPane(); 
}); 
0

だけRAここでnは、同じ問題に

$("#tabs").tabs({ 
    //for the initially loaded tab 
    create: function(event, ui) { 
     $(ui.panel).jScrollPane(); 
    }, 
    //for the tabs opened later 
    activate: function(event, ui) { 
     $(ui.newPanel).jScrollPane(); 
    }, 
}); 

詳細情報http://api.jqueryui.com/tabs/

関連する問題