Question

我有2个不同的页面具有相同的html结构，并且在一个基于jquery的滑块中工作，而在另一个中它不是。

这怎么可能？请检查我的html结构并告诉我出了什么问题？

<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
     <link href="css/stylecss.css" type="text/css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
</head>
<body>
    <div id="wrapper">

        <a href="http://dev7studios.com" id="dev7link" title="Go to dev7studios">dev7studios</a>
        <div id="content"
        <div id="main">
        <div id="posts">
            <div class="post">
            <div id="slider" class="nivoSlider">
                <img src="uploads/gallery/nemo_crtac/toystory.jpg"/>
                <img src="uploads/gallery/nemo_crtac/up.jpg"/>
                <img src="uploads/gallery/nemo_crtac/walle.jpg"/>
                <img src="uploads/gallery/nemo_crtac/nemo.jpg"/>
            </div>
            </div>
        </div>
        </div>
             <div id="pages"></div>
            <div id="countries"></div>
    </div>

    </div>

</body>
</html>
<script type="text/javascript" language="javascript" src="class/ajax.js"></script>
<script type="text/javascript" language="javascript" src="class/faq.js"></script>
<script type="text/javascript" language="javascript" src="class/style.js"></script>
<script type="text/javascript" src="class/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="class/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
</script>

EXAMPLE WORKING
EXAMPLE NOT WORKING（永远加载gif）

Answer 1

使用Chrome，在无效的页面上我在控制台中收到此错误：

不安全的JavaScript尝试从包含网址http://lookaroundyou.net/的网址访问包含网址http://player.vimeo.com/video/16163053?color=ffffff的框架。域，协议和端口必须匹配。

即使这不是特定于滑块功能，错误也可以暂停其余脚本的执行。尝试不加载视频播放器，看看是否能解决问题，然后对播放器进行故障排除。

HTML结构混乱

1 个答案: