2

初めてのポスターですが、私はこのサイトをかなり長い間使用しており、通常はどこかで答えを見つけました。ただし、この場合、実際に質問する必要があります。

JSは私の得意分野ではないので、ご容赦ください。ダッシュボード アイテムを持つ Web ベースのアプリケーションがあります。これらは基本的に、そのユーザー向けの特定のコンテンツ (休日、アラート、メッセージなど) を含む div です。すべてが自然に浮いているように（左右の列がないため）、空白を閉じるためにMasonryを実装しました。

問題は、一部のダッシュボード項目が展開されてより多くのデータが表示されることにあります (これは現在 AJAX によって処理されています)。メーソンリーはコンテナやその他の要素の高さを固定するため、スペースを増やすのではなく、要素が他の要素の後ろに配置されてレイアウトが崩れます。

アイテムを垂直方向にのみ移動させる方法や、特定のアイテムを常に右または左に配置する必要があることをメーソンリーに伝える手段はありますか?

よろしく

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

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

  });
</script>
4

1 に答える 1

0

$('#Dashboard').masonry()Masonry がアイテムを再配置できるように、アイテムのサイズを変更した後、おそらく自分自身を呼び出す必要があります。通常、ブラウザのウィンドウのサイズが変更されたときにのみ実行されます。

于 2011-11-23T10:38:00.107 に答える