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. "limitslider"と "jQuery-ui-Slider-Pips" jQuery UI拡張を組み合わせる
- 4. html UIとネイティブアンドロイドアプリの組み合わせ
- 5. javascriptとjqueryを組み合わせる
- 6. GETとPOSTを組み合わせたPython Flaskの失敗
- 7. jQuery UI - ドラッグ可能と組み合わせる
- 8. JQuery ui - mobile:スワイプイベントとソート可能な組み合わせ
- 9. JQueryオートコンプリートとAJAXの組み合わせ
- 10. keypressとkeyupの組み合わせ - jQuery
- 11. React-Redux:還元剤の組み合わせが失敗する
- 12. JQuery UIオートコンプリートをタッチパンチと組み合わせて修正するには?
- 13. JavaScriptとlessを組み合わせる
- 14. jQuery-ui datepickerのローカライズパラメータと初期化パラメータを組み合わせる
- 15. jQuery MobileのタポールとjQuery UIを組み合わせることができます
- 16. Jquery UIのオートコンプリートをJqueryと組み合わせると、自分のタグのStackoverflowスタイリングができますか?
- 17. jQuery UI Validation Pluginと組み合わせて選択してください
- 18. セレクタをjQueryで変数として組み合わせる
- 19. WicketとJQuery、KendoUIとの組み合わせで、どのタブ付きパネルの組み合わせが優れていますか?
- 20. ASP.NETアップデートパネルとjQuery UIを組み合わせた奇妙なバグDatePicker
- 21. 組み合わせると、別のクエリデータ
- 22. 配列と組み合わせパターンの組み合わせを見つける
- 23. ブックをasposeと組み合わせたときにスタイルが失われる
- 24. メテオとエクスプレスを組み合わせる
- 25. ec2とlinodeを組み合わせる
- 26. mod_accessとmod_authを組み合わせる
- 27. ドラッグアンドドロップとスケーリングを組み合わせる
- 28. * -servlet.xmlとapplicationContext.xmlを組み合わせる
- 29. MatplotlibとPyQt4を組み合わせる
- 30. イベントとプロミスを組み合わせる