使用TouchSlide插件后jq的ajax append的dom没有样式

Question

使用TouchSlide插件后jq的ajax append导致TouchSlide自己定义的class没有样式

现在是这样的

静态页面上是这样的

width为0px导致页面显示不出来。该怎么办？
bd是插件自带的class

下面是ajax

Answer 1

两个方案
方案一
不用$('.bd').append(html)
用生成的TouchSlider 对象的append方法添加dom（是dom不是html）
方案二
$('.bd').append(html)
之后调用下TouchSlider 对象的refresh方法

Answer 2

没有用过 TouchSlide。不过这种情况一般是由于后来插入的 HTML 未被插入 DOM 中，所以取出来时就没有宽高，所以 width:0px。解决的方案可以在整段 HTML 渲染后再调用 JS 把它加入 Slide 中，即使用 setTimeout，在下一个栈再操作。

addHTML();
setTimeout(addToSlide, 0);