JQuery Masonry - блокировка div для перемещения только по вертикали - PullRequest
Новая
       19

JQuery Masonry - блокировка div для перемещения только по вертикали

2 голосов
/ 05 июля 2011

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

JS не моя сильная сторона, поэтому, пожалуйста, миритесь с. У нас есть веб-приложение с элементами панели инструментов. По сути, это div-ы, в которых есть конкретный контент для этого пользователя (например, праздники, оповещения, сообщения и т. Д.). Я реализовал масонство, чтобы закрыть пустое пространство, поскольку все они плавают естественным образом (без левого и правого столбцов).

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

Есть ли способ перемещения предметов только по вертикали или, может быть, средство сказать масонству, что определенные предметы всегда должны быть справа или слева?

Привет 

<!-- Masonry --->
<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
<script>
  $(function(){

    $('#Dashboard').masonry({
      itemSelector: '.DashboardItem',
      columnWidth : 480,
      isResizable : true
    });

  });
</script>

1 Ответ

0 голосов
/ 23 ноября 2011

Вам, вероятно, придется позвонить $('#Dashboard').masonry() самостоятельно после изменения размеров предметов, чтобы масонство переместило их. Обычно это происходит только при изменении размера окна браузера.

...