Layer.photos()で画像アドレスを非同期に変更した際に表示が異常になる問題の解決方法

今回は、layer.photos()で写真のアドレスを非同期変更した後に表示が異常になる問題の解決方法と、layer.photos()で画像のアドレスを非同期に変更した後に表示が異常になる問題の解決方法を紹介します注意事項は以下の通りです これは実際的なケースですので、見てみましょう。

プロジェクトには画像のプレビューがあり(layer.photos()を使用)、画像アドレスを非同期的に変更する必要がありますが、変更が成功すると、最初のプレビューには変更前の大きな画像とすべてが表示されます。 2回目以降は正常になります。

変更が成功した後、もう一度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 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

HTMLのボックスモデルの概要

HTMLでさまざまなタイプのボックスのベースラインを決定する方法

オーバーフロースクロールの重要性とは何ですか

CSS疑似クラスセレクター

以上がLayer.photos()で画像アドレスを非同期に変更した際に表示が異常になる問題の解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。