我正在使用的这个轮播停止工作,一旦我在其中一张幻灯片中添加标签,就可以通过拖动/刷出前一张幻灯片来拖动/刷入一张新幻灯片。
组成轮播的css、html、js如下:
编辑:我无法在 JSFiddle 中复制该问题,因此这里是指向工作版本的链接,其中一张幻灯片中没有 html 内容和非工作版本。
工作:https ://dl.dropbox.com/u/270523/help/carousel/carousel.html
非工作:https ://dl.dropbox.com/u/270523/help/carousel/carousel2.html
这是无效的html:
<body>
<div id="carousel">
<ul>
<li class="pane1"><h2>Swipe...</h2><object data="http://stackoverflow.com"><iframe src="http://stackoverflow.com" /></object></li>
<li class="pane2"><h2>...or drag...</h2></li>
<li class="pane3"><h2>...or swipe...</h2></li>
<li class="pane4"><h2>...or drag...</h2></li>
<li class="pane5"><h2>...or swipe...</h2></li>
</ul>
</div>
</body>
工作 html 在第一张幻灯片中只有文本,而不是对象标签。