Question

我的网页上有一个图片滑块。滑块根据以下链接中的代码制作 http://www.htmldrive.net/items/show/37/Dot-Slider-simple-easy-to-use-images-slideshow-jquery-plugins

我有一个CSS类，整个代码看起来像这样。

<head>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<link href="css/webwidget_slideshow_dot.css" rel="stylesheet" type="text/css"/>
  <script type="text/javascript" src="js/webwidget_slideshow_dot.js"></script>


  <script language="javascript" type="text/javascript">

            $(function() {

                $("#demo2").webwidget_slideshow_dot({
                    slideshow_time_interval: '5000',
                    slideshow_window_width: '256',
                    slideshow_window_height: '256',
                    slideshow_title_color: '#FFF',
                    soldeshow_foreColor: '#999',
                });
            });
        </script>
</head>
<body>
<div class="ads2">
<div id="demo2" class="webwidget_slideshow_dot">
    <ul>
        <li><a href="link1" title="Sky"><img src="images/slideshow_large_1.jpg" width="407" height="301" alt="slideshow_large"/></a></li>
        <li><a href="link2" title="Sea"><img src="images/slideshow_large_2.jpg" width="407" height="301" alt="slideshow_large"/></a></li>
        <li><a href="link3" title="Flower"><img src="images/slideshow_large_3.jpg" width="407" height="301" alt="slideshow_large"/></a></li>
        <li><a href="link4" title="Treelink4"><img src="images/slideshow_large_4.jpg" width="407" height="301" alt="slideshow_large"/></a></li>
    </ul>
    <div style="clear: both"></div>
</div>
</body>

我有一个使用Perl的CGI脚本，运行5分钟。但是javascript在这5分钟内没有工作，并且在此期间图像分配不明确。页面加载后，javascript工作正常。然而，Javascript部分工作正常，因为我已经在javascript代码中测试了一个警报，它在页面的开头工作。问题是当我使用div调用Javascript它不起作用。

Answer 1

$(/*code*/)为a shortcut for ready()，这意味着$(/*code*/)中的代码不会被执行，直到HTML文档被加载为止。

Answer 2

5分钟的页面加载时间是针对＃demo2 div之后但在结束体标记之前的某些省略内容吗？

你将函数包装在$（...）中的事实意味着在整个DOM（文档对象模型）被加载，解析并准备就绪之前不会调用它。

尝试的一件事是在＃demo2 div之后将该脚本块移动到html的主体中。还要从代码中删除“$（function（）{”包装器。对于您尝试使用的幻灯片小部件不熟悉，知道它是否可以在整个DOM准备就绪的情况下工作，但是......

Javascript只在整个页面加载后才能工作

2 个答案: