スプリッタは、ステップの奇妙なシーケンスは、この作業を取得しようとすると

Question

を実行されるまでは機能しません：https://github.com/nathancahill/Split.js

何らかの理由で、私はその後、私のコンテナのCSSの高さを無効スプリッタにランダムな量をドラッグし、しなければなりませんスプリッタが動作するためにheightプロパティを再び有効にします。私がそれをするまで、私はスプリッタを全く動かすことができません。なぜこれが何であるか、または私がその効果をシミュレートしてそれを動作させる方法を知っていますか？

明らかに、私は2つのdivの垂直スプリッタを持っていますが、最初にスプリッタをドラッグしようとすると何も起こりません。ただし、Chromeで最新のF12キーを押した場合は、コンテナの高さを無効にして少しドラッグしてから再び有効にしてください。

高さを無効にして再度有効にすると機能しないため、ドラッグするだけです。高さプロパティが無効の間はドラッグする必要があります。非常に奇妙で、この回避策を理解するために私を永遠に連れて行きました。なぜこれが何であるか、あるいは私がそれをどのように修正することができますか？ここで

は、初期化時に私の設定です：

Split(['#txtChatWindow', '#txtGuessWindow'], { 
    "direction": 'vertical', 
    "sizes": [50, 50], 
    "minSize": [75, 170], 
    "gutterSize": 15 
}); 

Answer 1

はそれを考え出しました。私はブートストラップタブを使用しています。タブをアクティブにして正しくロードする必要があるようです。以前私はページの読み込みにそれをロードしていました。タブが初めてアクティブになり、それが修正されたら、ロードするように切り替えました。

高さを無効にしてからスプリッターをドラッグして高さを再び有効にすると、それを再初期化して、私が推測すれば修正されると思います。