1

我正在使用BlocksIt.js jQuery 插件，当用户从顶部滚动到 90%（几乎是底部）时，我想从 URL 加载内容。如何使其从 URL 加载内容（使用 class="grid"），并将所有带有 .grid 类的内容附加到“#container”块。我已经尝试过 load()、$.get() 和 $.ajax()。小提琴。

即使它加载了内容，它也不会正确地将其放入“#container”块中（它将内容放在后台或其他地方）。我尝试再次调用 BlocksIt() 函数：

        $('#container').BlocksIt({
            numOfCol: 5,
            offsetX: 8,
            offsetY: 8
        });

没有帮助。我能做的最好的事情是（同样它不起作用）：

        link = 'http://www.inwebson.com/demo/blocksit-js/demo2/';
        $.get(link, function (data) {
            $(data).find(".grid").appendTo("#container");
        });
4

1 回答 1

1

如果您说要使用 blocksit 添加新块

我就是这样做的。它会很好地附加您以前的所有块

HTML

<div class="grid-layout">
    <div class="grid">content</div>
</div>

JS

$(document).ready(function() {
    dynamicGrid();
});

function dynamicGrid()
{ 
    $('.grid-layout').BlocksIt({  
      numOfCol: 4,
      offsetX: 2,
      offsetY: 2,
      blockElement: '.grid',
    });        
};

这就是您在网格布局中获得并很好地附加它的方式

var url='your url to get data';

$.get( url, function(data) {
    $(".grid-layout").append(data);
    dynamicGrid();
}).fail(function(){
    alert('error');    
})

只需将上述内容放在您想要的任何位置，例如单击即可。

请记住，返回到 jquery get 的数据必须在 html 中，并且每个内容都在类网格中，例如

<div class="grid">content2</div>
<div class="grid">content3</div>

它会很好地附加在内容下。

于 2014-01-09T02:23:08.803 回答