這次帶給大家如何解決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中文網其它相關文章!
相關閱讀:
以上是如何解決layer.photos()非同步修改圖片位址後顯示異常的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!