0

新しいバージョンのjscrollpaneを jQuery UI タブで動作させるのに問題があります。1 つのタブ (最初の 1 つ) しか機能しませんが、他のタブは機能しません。ここで説明されているように、以前のバージョンでここで説明されている修正を試みまし<div>た。誰かが同様の問題を経験しましたか? 手がかりをありがとう！

4

3 に答える 3

1

もちろん、jscrollpaneの作者自身がこの問題について行ったこの説明を見て助けを借りて、私はついに解決に至りましたが、以前のバージョンのjscrollpaneについてはそうです。

これはそのままでは機能せず、ソリューションの実装にまだ問題があったため、タブリンクにクリックリスナーを追加し、クリックすると、次のようにコンテンツdivにjscrollpaneを追加しました

jQuery("#tabs ul li a").click(function () {
clickednum = "#tabs-" + jQuery(this).parent().attr("id");
jQuery(clickednum + " .skroler").jScrollPane();
    });

私がここで行っているのは、ユーザーがタブリンクをクリックするのを待ってから、クリックされたタブリンクに対応するタブコンテンツにjScrollPaneを追加することです。

.skrolerは、タブのコンテンツであるextra-divです。これは、スクリプトの作成者によって、機能するためにこの方法で実行する必要があると説明されているためです）

li id属性でタブを認識しています（他の理由でPHPから生成する必要がありました）。

これは特定の実装です。実際の例からすると、他の環境ではもっと簡単に実行できる可能性があります。

ああ、そしてもちろん、ストーリーの開始時に、jScrollPaneを最初に開いたタブのように初期化する必要があります

jQuery("#tabs-1 .skroler").jScrollPane();
于 2012-05-16T21:50:11.037 に答える
0

私は同じ問題を抱えており、生成されたタブに対応するliタグにIDを追加することで解決しました:

<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();
});
于 2013-07-29T06:16:21.353 に答える