jQuery Splitter / Splitter позиция, если окно изменяется - PullRequest
Новая
       27

jQuery Splitter / Splitter позиция, если окно изменяется

0 голосов
/ 28 июня 2019

Hellooo. Я работаю с JQuery Splitter и Masonry. Это мой код: 

$(window).on('load', function(){
$('.grid').masonry({
isAnimated: true,
itemSelector: '.grid-item',
percentPosition: true,
horizontalOrder: false
});
})

var splitter = $('#content').split({
orientation: 'vertical',
position: '50%',
limit: 400,
onDrag: function(event) {
Splitter();
$('.grid').masonry({
itemSelector: '.grid-item',
percentPosition: true,
horizontalOrder: false
});
}
});

Splitter();
function Splitter(){
if ($('#right').width() < 600) {
$('.grid-item').css("width", "100%")
}
else if ($('#right').width() < 800) {
$('.grid-item').css("width", "50%")
}
else {
$('.grid-item').css("width", "33.3333%")
}
}

$( window ).resize(function() {
$('#main').css('min-height', '100%');
Splitter();
splitter.position('50%')
});

У меня была проблема с тем, что когда я изменял размер окна, элементы сетки становились в некоторых ситуациях (например, когда я передвигал сплиттер раньше на правую сторону) очень маленькими. »Splitter.position ('50% ')« in »$ (window) .resize (function ()« каким-то образом решило проблему.

Но: если я перетаскиваю сплиттер вправо (до предельной точки 400 пикселей) и изменяю размер, то размер окна становится как можно меньшим, элементы сетки все равно становятся очень маленькими. Команда »limit: 400« превалирует над »splitter.position ('50% ')«.

Что я хочу: Положение разделителя всегда должно быть на 50%, если размер окна изменяется.

Как это можно сделать?

Большое вам спасибо. <3 </p>

...