2016-06-02 6 views
0

Der Versuch, diese Funktion zu erhalten: https://github.com/nathancahill/Split.jsSplitter funktioniert nicht, bis seltsame Abfolge von Schritten durchgeführt wird

Aus irgendeinem Grund, ich habe die CSS Höhe meines Container zu deaktivieren, ziehen Sie den Splitter eine zufällige Menge, und dann Aktivieren Sie die Eigenschaft height erneut, damit der Splitter funktioniert. Bis ich das mache, kann ich den Splitter überhaupt nicht bewegen. Irgendeine Idee, warum das sein könnte oder wie ich diesen Effekt simulieren könnte, um es zum Laufen zu bringen?

Um zu verdeutlichen, habe ich einen vertikalen Splitter von zwei divs und zunächst, wenn Sie versuchen, den Splitter zu ziehen, passiert nichts. Wenn Sie jedoch in Chrome (neueste Version) die Taste F12 drücken, deaktivieren Sie die Höhe des Containers, ziehen Sie sie etwas und aktivieren Sie die Höhe erneut, dann funktioniert sie einwandfrei.

Das Deaktivieren und erneute Aktivieren der Höhe funktioniert nicht und das Ziehen funktioniert nur. Es muss gezogen werden, während die Eigenschaft height deaktiviert ist. Es ist extrem komisch und hat mich für immer dazu gebracht, diese Problemumgehung herauszufinden. Irgendeine Idee, warum das sein könnte oder wie ich es beheben kann?

Hier sind meine Einstellungen bei der Initialisierung:

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

können Sie bitte Ihre HTML und CSS hinzufügen? –

+0

@DanO: Ich denke nicht, dass das viel hilft, weil mein Freund und ich eine Weile daran gearbeitet haben und er es ohne Fehler auf der Geige reproduziert hat. Dies ist eher ein "welcher Teil eines Programms könnte diesen Interaktionsfehler verursachen" Art von Problem, denke ich. –

Antwort

0

es herausgefunden. Ich verwende Bootstrap-Registerkarten. Es sieht so aus, als ob die Registerkarte aktiv sein muss, damit sie richtig geladen werden kann. Zuvor habe ich es beim Laden der Seite geladen. Ich habe es zum Laden geschaltet, wenn der Reiter zum ersten Mal aktiv wird und das hat es behoben.

Ich denke, die Höhe deaktivieren, ziehen dann den Splitter, und dann wieder aktivieren die Höhe verursacht es neu zu reinitialisieren und zu reparieren, wenn ich raten sollte.