Javascript 砌体不适用于模态

灵感以单列形式加载，而不是在屏幕上水平加载。如果我把它从模态中取出来，它会工作，但为什么不在模态中呢

内部模态

外部模态

_形式 灵感咖啡

---

我看到这家伙遇到了一个问题，但从未得到帮助。

问题是，在显示模态之前，您正在初始化砌体。您必须在显示模态后调用它

$(modal_holder_selector).html(data).
find(modal_selector).modal()
$('#inspirations-margin').imagesLoaded ->
    $('#inspirations-margin').masonry
      itemSelector: '.box'
      isFitWidth: true

该代码应该放在回调中，其中显示引导模式的模式：

$('#exampleModal').on( 'shown.bs.modal', function() {
  $('.grid').masonry({
    itemSelector: '.grid-item',
    gutter: 20,
    horizontalOrder: true
  });
})

---

您在哪里运行砌体初始化代码？对不起，我不明白您的问题

modals.js.coffee

位于app/assets/javascripts@yts下当您使用砌体时，您必须告诉它进行初始化。看这里。我想我明白了，在元素进入DOMOh后，你必须这样做。我更新了问题：）@yts@AnthonyGalli.com我只是添加到你的代码中。如果您有

.modal（）

，您必须在之后初始化砖石结构。感谢您的澄清，先生：）

$ ->
  $('#inspirations-margin').imagesLoaded ->
    $('#inspirations-margin').masonry
      itemSelector: '.box'
      isFitWidth: true

$(modal_holder_selector).html(data).
find(modal_selector).modal()
$('#inspirations-margin').imagesLoaded ->
    $('#inspirations-margin').masonry
      itemSelector: '.box'
      isFitWidth: true

$('#exampleModal').on( 'shown.bs.modal', function() {
  $('.grid').masonry({
    itemSelector: '.grid-item',
    gutter: 20,
    horizontalOrder: true
  });
})