Isotope Jquery 플러그인 레이아웃 문제

이 사이트에서 동위 원소를 설정하려고하는데 레이아웃을 처리해야하며 항목을 컨테이너에 추가 할 수 있어야합니다.Isotope Jquery 플러그인 레이아웃 문제

문제는 내가 그것을 init이 어떻게 여기에, 제대로 이미지를 초기화하지 않는 것이다입니다 :

$(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(); 
});

이미지는 벽돌 옵션에 의해 completly 영향을받지 않습니다, 그리고 난에 "폭"을 지정하는 경우 내 CSS로드 문제가 있습니다.

load_more의 예비 아약스 호출과 성공에 데이터와이 함수가 반환 호출

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); 
}

이 사이트는, 누드 이미지가없는 사이트는 작업 안전 http://www.hotchinesebabes.com/ 입니다

사이트가 제대로로드하려면 새로 고침이 필요해 보이는 것 같습니다. 이미지가 두 번째로 캐치되면 이미지로드 이전에 동위 원소를 트리거하여 처음 실패합니다.

출처

2013-10-07 Ivan Ristic

누구가 도메인 이름을 걱정합니까? 사이트는 일하기에 안전합니다. 헬기 키티라는 이름을 붙이면 괜찮습니까? –

네, 맞습니다. 그 웹 사이트에는 누드 또는 누드 이미지가 없습니다. –

+32

이드는 당신이 어떤 직업을 갖고 있는지 알고 싶어합니다. 완전히 옷을 입은 여성들을 바라 보는 것은 좋지 않다고 생각합니다. –

이미지가 아직로드되지 않아 이미지의 너비와 높이가 0이므로 Isotope가 작동하지 않습니다. https://github.com/desandro/imagesloaded을 사용하거나 CSS로 이미지의 너비와 너비를 고정하십시오.

출처

2013-10-07 22:18:25 user1670351

올바른 방향으로 나를 가리켜 주셔서 감사합니다 –

Isotope Jquery 플러그인 레이아웃 문제

답변

관련 문제