如何解決layer.photos()非同步修改圖片位址後顯示異常的問題

這次帶給大家如何解決layer.photos()非同步修改圖片位址後顯示異常的問題，解決layer.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中各類型盒子的基線應如何確定

overflow的捲動有哪些重要性

CSS的偽類選擇器

以上是如何解決layer.photos()非同步修改圖片位址後顯示異常的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！