由於項目是從基於谷歌瀏覽器改版成基於IE瀏覽器,所以項目中基本上是以jQuery來控制DOM,其中遇到了使用數組的push和jQuery的html方法來動態生成頁面(主要是壹個個運單),頁面中引用了swiper,再通過循環生成後臺數據所反的相對應個數的slider,但是發現在頁面載入後,組件並沒有生效,後來終於通過壹系列搜索找到了解決的方法,也是癡呆了TAT。
<section>標簽中就是裝的動態生成的內容。
這裏是生成所有訂單的方法,其中涉及到swiper的push方法在相關圖片註釋處。
接下來初始化swiper,然後在請求後臺數據成功後的回調函數調用fullOrder方法
結果發現swiper根本沒有被調用到,默默的mark壹下,在圖片多的情況下判斷swiper是否成功初始化看左右按鈕的顏色是否壹深壹淺就知道了。
正確初始化swiper的方法應該是在fullOrder方法之後或者是在fullOrder裏的element.html()之後。由於swiper是需要 先初始化再執行 ,但這裏是先生成swiper, 所以需要在生成swiper之後再初始化 。
只有這樣在頁面加載完後swiper才會被調用成功噠。