Question

我正在使用的这个旋转木马停止工作，一旦我在其中一张幻灯片中添加标签，就可以通过拖动/滑动上一张幻灯片将新幻灯片拖动/滑动到视图中。

构成旋转木马的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只在第一张幻灯片中包含文本而不是对象标记。

Answer 1

控制台错误：“X-Frame-Options拒绝加载：stackoverflow.com不允许跨源框架。”

我猜这完全打破了插件。

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

1 个答案: