一旦添加html内容，Carousel就会停止工作

Carousel stops working as soon as html content is added

本文关键字：Carousel 停止工作 内容 添加 html      更新时间：2023-09-26

我正在使用的这个轮播停止工作，可以通过拖动/滑动之前的幻灯片来拖动/滑动到视图中，一旦我在其中一个幻灯片中添加了一个标签。

组成carousel的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在第一张幻灯片中只有文本，而不是object标签。

控制台错误:"Load denied by X-Frame-Options: stackoverflow.com不允许跨原点帧。"

我猜这完全破坏了插件。

相关文章：