iOS - append() 후 insertAfter()가 작동하지 않습니다.

Question

동적으로로드 된 이미지 갤러리가 있습니다. 각 이미지에는 숫자 데이터 ID가 있으며 숫자를 오름차순으로 정렬하려고합니다. 그런 다음, 그 (것)들의 제비가 있기 때문에, 나는 매 n 번째 심상 후에 "정상 등을 맞댄"단추를 삽입하고 싶다. 다음 코드는 바탕 화면에 FF, 크롬과 사파리에서 작동 :

$(function() { 
    var Arr = $('.card').get(); 
    var Arr = Arr.sort(function(a,b) { 
    var aLoc = +$('.ad',a).data('id'), 
    bLoc = +$('.ad',b).data('id') 
    return aLoc < bLoc? -1:aLoc > bLoc? 1 :0 
    }) 
    $('#class').append(Arr); 
    $('<div class = "top">TOP</div>').insertAfter('#class div:nth-child(4n)'); 
}); 

바이올린 때때로 here

, 예측할까지 내가 말할 수있는, 그것은 또한 iOS에서 작동하지만, 일반적으로는 실패했지만. insertAfter()에서 setTimeout() 함수를 래핑하려고 시도했지만 차이는 없습니다.

관련성이 있는지는 잘 모르지만 배열이 정렬되어 주 div에 추가되면 이미지가 게으르며로드됩니다.

어디서 잘못되었는지에 대한 단서가 있다면 정말 감사 할 것입니다.

감사

편집 :

$("img.lazy").lazyload({ 
     threshold : 200 
    }); 

그것은 lazyload 플러그인을 사용하여이 게으른로드 기능입니다. 작업 코드에서 지연로드 기능이 바로 나타납니다. $('#class').append(Arr);

Answer 1

이것이 iOS8 문제 일 수 있다고 생각하지만 :nth-child(n)에서 nth-of-type(n)으로 변경하면 문제가 해결 된 것 같습니다. 어쩌면 iOS를 더 잘 이해하는 사람이 무슨 일이 일어 났는지 설명 할 수있을 것입니다.

는 여기를 참조하십시오 : SO