JQuery - как сделать сплиттер посередине, когда экран был изменен

Я пытаюсь использовать следующий плагин - LINK

Как вы видите, это хорошо объяснено.

То, что я пытаюсь сделать, очень просто - когда код загружается в первый раз, разделитель будет посередине, а также если размер экрана был изменен, а также разделитель будет посередине (даже если сплиттер был был перемещен пользователем перед изменением размера окна).

Для этого я пробовал следующий простой код -

<title>jQuery Horizontal Splitter</title>
 
 
 


 
 



 <div id="MySplitter">
 <div> Left content goes here </div>
 <div> Right content goes here </div>
 </div>

Так что я делаю неправильно здесь? Спасибо за любую помощь

1 ответ

Вам нужно всего лишь включить один файл splitter.js - splitter.min.js - это просто свернутая версия того же файла.

Также демонстрации на этом сайте используют очень раннюю версию jQuery (1.3) - это, похоже, влияет на плагин

См. Этот пример

Он использует самую раннюю версию jQuery, разрешенную для jsFiddle, и, похоже, работает, однако, если вы измените библиотеку jQuery на v2.2 (или даже v11), она перестанет работать

Обновленный код в соответствии с вашими комментариями:

var splitterDiv = $("#MySplitter"); 
splitterDiv.splitter();

 $(window).resize(function () {
 var width = splitterDiv.width() / 2;
 splitterDiv.trigger("resize", [width]);
 });

Полностью рабочий пример - нужно использовать jQuery 1.3

licensed under cc by-sa 3.0 with attribution.