jscrollpaneの新しいバージョンがjQuery UIタブで動作するのに問題があります。 私は1つだけのタブ(最初のもの)を稼働させますが、他のタブは稼働しません。私は以前のバージョンでここで説明した修正を試しました.と記載されているように、タブで制御される追加の<div>
を配置しました(そして内側はjScrollPaneによって制御されます)。誰もsimmilar問題を経験していますか?手がかりをありがとう!jQuery UIタブとjScrollPaneを組み合わせると失敗します
0
A
答えて
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();
},
});
関連する問題
- 1. CImgとfftw ++の組み合わせが失敗します
- 2. AndroidのフローティングウィンドウとFLAG_SHOW_WHEN_LOCKEDの組み合わせが失敗する
- 3. html UIとネイティブアンドロイドアプリの組み合わせ
- 4. jQuery UI - ドラッグ可能と組み合わせる
- 5. keypressとkeyupの組み合わせ - jQuery
- 6. React-Redux:還元剤の組み合わせが失敗する
- 7. jQuery-ui datepickerのローカライズパラメータと初期化パラメータを組み合わせる
- 8. jQuery UI Validation Pluginと組み合わせて選択してください
- 9. jQuery MobileのタポールとjQuery UIを組み合わせることができます
- 10. セレクタをjQueryで変数として組み合わせる
- 11. ASP.NETアップデートパネルとjQuery UIを組み合わせた奇妙なバグDatePicker
- 12. mod_accessとmod_authを組み合わせる
- 13. * -servlet.xmlとapplicationContext.xmlを組み合わせる
- 14. DIとコンストラクタパラメータを組み合わせる?
- 15. ctypesとswigを組み合わせる
- 16. asmxとCodeBehindを組み合わせる
- 17. ec2とlinodeを組み合わせる
- 18. itertoolsとマルチプロセッシングを組み合わせる?
- 19. AQGridViewとHJCacheを組み合わせる
- 20. メテオとエクスプレスを組み合わせる
- 21. link_toとrender:partialを組み合わせる
- 22. ドラッグアンドドロップとスケーリングを組み合わせる
- 23. intをvoidと組み合わせる*
- 24. モバイルサイトでjQuery MobileとMathJaxを組み合わせる?
- 25. 2つのJavascriptとjQueryスクリプトを組み合わせる
- 26. jQuery each - (this)とクラス指定を組み合わせる
- 27. jQueryのpreventDefaultとrequiredフォームの入力を組み合わせる
- 28. JQuery:フェードアウトとモーションを組み合わせる方法
- 29. jQueryで$( 'body')。on( 'click')を$(window).resize(function()と組み合わせる
- 30. jQueryでHoverとIf文を組み合わせる