Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery插件布局问题_Javascript_Jquery_Css - Fatal编程技术网

Javascript Jquery插件布局问题

Javascript Jquery插件布局问题,javascript,jquery,css,Javascript,Jquery,Css,我正试图在这个网站上设置同位素,它需要处理布局,我需要能够附加项目的容器 问题是它似乎没有正确初始化图像,下面是我初始化它的方式: $(document).ready(function(){ var $container = $('#container'); $container.isotope({ masonry: { columnWidth: 400, gutterWidth: 10 },

我正试图在这个网站上设置同位素,它需要处理布局,我需要能够附加项目的容器

问题是它似乎没有正确初始化图像,下面是我初始化它的方式:

$(document).ready(function(){

    var $container = $('#container');
    $container.isotope({
          masonry: {
            columnWidth: 400,
            gutterWidth: 10
        },
        filter: '*',
        animationOptions: {
            duration: 750,
            easing: 'linear',
            queue: true
        },
        resizesContainer: true,
    });

    load_more();
});
图像完全不受砌体选项的影响,如果我在CSS中指定“宽度”,则会出现加载问题

load_more执行一个ajax调用,成功后调用此函数并返回数据:

function data_loaded(data) {

    var newItems = "";
    for (var i = 0; i < data['posts'].length; i++) {
        newItems += '<div class="item" ><img class="gallery_img" src="'+data['posts'][i]['images'][0]['path']+'" /></div>';
    }

    /* append images*/
    var $newItemsObj = $(newItems);
    $('#container').isotope( 'insert', $newItemsObj );
}
功能数据\u加载(数据){
var newItems=“”;
对于(var i=0;i
该网站是 该网站工作安全,没有裸体图片


似乎站点需要刷新才能正确加载,我想第二次捕获图像,因此第一次失败是因为在加载图像之前触发了同位素?

同位素将无法工作,因为您的图像尚未加载,因此图像的宽度和高度为0。使用CSS或固定图像的高度和宽度。

谁在乎域名?网站是安全的,如果我把它命名为hello kitty adventures,它就可以了?是的,是的,该网站上没有裸体或半裸体的图片。我想知道你从事什么样的工作,因为看穿着全套衣服的女性是不合适的。如果你关心IE浏览器的支持,请删除后面的逗号:
resizecontainer:true,