0

私は Web プログラミングに不慣れで、Masonry コードが何をしているのか完全にはわかりません... Masonry を適用しているコンテナー内の各要素は (予想されるように) 動き回っていますが、masonry-brick クラスはコンテナ内の子要素に適用されていません。下記参照:

私のJavaScript:

$( document ).ready(function($) {

  var colWid = Math.floor($('#article_display').width() *.25);
  console.log(colWid);
  var $article_display = $('#article_display');
  $('#article_display').imagesLoaded(function() {
    $article_display.masonry({
      columnWidth: colWid,
      itemSelector: '.article',
      isAnimated: !Modernizr.csstransitions
    });
  });
});

子要素のサンプル (Masonry を介して適用されているように見える配置に注意してください):

<div class="article featured" style="position: absolute; left: 0px; top: 378px;"><img       src="http://placehold.it/292x468"></div>

これは私が参照しているコンテナです (ここでも、私が期待する「石工」クラスがないことで、いくつかのスタイルの変更を見ることができます):

<div id="article_display" class="span12" style="position: relative; height: 943px;">

ここに関連記事があります。私は基本的にこの男と同じことをしていますが、彼と同じ結果が見られません。彼が質問を公開してから新しいリリースがあったため、解決策が変更されたと思います。https://stackoverflow.com/questions/15972117/masonry-not-working-class-of-masonry-brick-is-not-being-applied .

ヒントやアイデアは大歓迎です、ありがとう!

編集: 質問が完全に明確でない場合に備えて、Masonry プラグインの影響を受ける要素に「masonry-brick」および「masonry」クラスを適用することになっているかどうかを本当に尋ねています。

4

1 に答える 1