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

时间:2013-03-04 20:20:03

标签: javascript jquery html5

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

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

1 个答案:

答案 0 :(得分:0)

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

我猜这完全打破了插件。