鍍金池/ 問答/Android  HTML/ 使用TouchSlide插件后jq的ajax append的dom沒有樣式

使用TouchSlide插件后jq的ajax append的dom沒有樣式

使用TouchSlide插件后jq的ajax append導致TouchSlide自己定義的class沒有樣式

現(xiàn)在是這樣的clipboard.png

靜態(tài)頁面上是這樣的
clipboard.png

width為0px導致頁面顯示不出來。該怎么辦?
bd是插件自帶的class

下面是ajax
clipboard.png

clipboard.png

回答
編輯回答
我甘愿

clipboard.png

兩個方案
方案一
不用$('.bd').append(html)
用生成的TouchSlider 對象的append方法添加dom(是dom不是html)
方案二
$('.bd').append(html)
之后調用下TouchSlider 對象的refresh方法

2017年12月31日 19:33
編輯回答
喵小咪

沒有用過 TouchSlide。不過這種情況一般是由于后來插入的 HTML 未被插入 DOM 中,所以取出來時就沒有寬高,所以 width:0px。解決的方案可以在整段 HTML 渲染后再調用 JS 把它加入 Slide 中,即使用 setTimeout,在下一個棧再操作。

addHTML();
setTimeout(addToSlide, 0);
2017年11月7日 23:20