layer.photos()가 이미지 주소를 비동기적으로 수정한 후 비정상적인 표시 문제를 해결하는 방법

이번에는 레이어.photos()가 사진주소를 비동기적으로 수정한 후 표시가 비정상적으로 나타나는 문제를 해결하는 방법과, 레이어.photos()가 사진 주소를 비동기적으로 수정한 후 표시가 비정상적으로 나타나는 문제를 해결하는 방법을 보여드리겠습니다 주의사항은 무엇인가요, 다음과 같습니다. 실제 사례이므로 살펴보겠습니다.

프로젝트에 이미지 미리보기가 있습니다(layer.photos() 사용). 이미지 주소를 비동기식으로 수정해야 합니다. 그러나 수정에 성공한 후 첫 번째 미리보기에는 수정 전의 큰 이미지가 표시되며 모든 것이 표시됩니다. 두 번째 이후에는 정상이 됩니다.

수정이 성공한 후 다시 layer.photos()를 호출해 보았으나 아무런 효과가 없었습니다.

layer.js 파일의

loop || parent.on('click', options.img, function(){
       
      var othis = $(this), index = othis.attr('layer-index'); 
      layer.photos($.extend(options, {
        photos: {
          start: index,
          data: data,
          tab: options.tab
        },
        full: options.full
      }), true);
 pushData();
})

를

loop || parent.on('click', options.img, function(){
    pushData();
  var othis = $(this), index = othis.attr('layer-index'); 
  layer.photos($.extend(options, {
    photos: {
      start: index,
      data: data,
      tab: options.tab
    },
    full: options.full　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
  }), true);
})

로 변경하세요. 이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요.

관련 읽기:

HTML의 상자 모델 요약

HTML에서 다양한 상자 유형의 기준선을 결정하는 방법

오버플로 스크롤의 중요성은 무엇입니까

CSS 의사 클래스 선택기

위 내용은 layer.photos()가 이미지 주소를 비동기적으로 수정한 후 비정상적인 표시 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!