Javascript代码没有'；从文件中外部包含时无法工作

我有我正在设计的完整php主题，还有另一个插件，我正在使用它来制作图像幻灯片

这是我的图像幻灯片的代码

 <script type="text/javascript" src="plugins/stack/js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="plugins/stack/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="plugins/stack/js/jquery.photostack.pack.js"></script>

    <script type="text/javascript">
      $(document).ready(function() {
        $('#photos').photostack({
          speed : 600,
          easeIn : 'easeOutExpo',
          easeOut : 'easeInExpo',
          autoplay : true,
          autoplayTimeout : 2000
        });
      });
    </script>

        <div id="photos">
          <img src="plugins/stack/images/sa_m_1.jpg" alt="Streetart 1" width="500" height="333" />
          <img src="plugins/stack/images/sa_m_2.jpg" alt="Streetart 2" width="500" height="332" />
          <img src="plugins/stack/images/sa_m_3.jpg" alt="Streetart 3" width="500" height="332" />
          <img src="plugins/stack/images/sa_m_4.jpg" alt="Streetart 4" width="500" height="375" />
          <img src="plugins/stack/images/sa_m_5.jpg" alt="Streetart 5" width="500" height="375" />
        </div>

      <div class="clear"></div>

$（文档）.ready（函数（）{
$（“#照片”）。photostack({
速度:600,，
easeIn:“easeOutExpo”，
easeOut:“easeinfeo”，
自动播放：对，
自动播放超时：2000
});
});

当我将此代码保存在单个文件php或html文件中时，幻灯片可以正常工作，但当我 在我实际主题的主体区域中使用此代码，则幻灯片放映不起作用，仅图像以静态方式显示。 所有JScript文件都链接正确

这是我的main.php文件的代码，其中幻灯片无法播放

<?php include('header.php') ?>

        <p>Description goes here</p>

 <script type="text/javascript" src="plugins/stack/js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="plugins/stack/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="plugins/stack/js/jquery.photostack.pack.js"></script>

    <script type="text/javascript">
      $(document).ready(function() {
        $('#photos').photostack({
          speed : 600,
          easeIn : 'easeOutExpo',
          easeOut : 'easeInExpo',
          autoplay : true,
          autoplayTimeout : 2000
        });
      });
    </script>

        <div id="photos">
          <img src="plugins/stack/images/sa_m_1.jpg" alt="Streetart 1" width="500" height="333" />
          <img src="plugins/stack/images/sa_m_2.jpg" alt="Streetart 2" width="500" height="332" />
          <img src="plugins/stack/images/sa_m_3.jpg" alt="Streetart 3" width="500" height="332" />
          <img src="plugins/stack/images/sa_m_4.jpg" alt="Streetart 4" width="500" height="375" />
          <img src="plugins/stack/images/sa_m_5.jpg" alt="Streetart 5" width="500" height="375" />
        </div>

      <div class="clear"></div>
<?php include('footer.php') ?>

这里有描述

$（文档）.ready（函数（）{
$（“#照片”）。photostack({
速度:600,，
easeIn:“easeOutExpo”，
easeOut:“easeinfeo”，
自动播放：对，
自动播放超时：2000
});
});

这是slideshow.php/slideshow.html的代码

 <script type="text/javascript" src="plugins/stack/js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="plugins/stack/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="plugins/stack/js/jquery.photostack.pack.js"></script>

    <script type="text/javascript">
      $(document).ready(function() {
        $('#photos').photostack({
          speed : 600,
          easeIn : 'easeOutExpo',
          easeOut : 'easeInExpo',
          autoplay : true,
          autoplayTimeout : 2000
        });
      });
    </script>

        <div id="photos">
          <img src="plugins/stack/images/sa_m_1.jpg" alt="Streetart 1" width="500" height="333" />
          <img src="plugins/stack/images/sa_m_2.jpg" alt="Streetart 2" width="500" height="332" />
          <img src="plugins/stack/images/sa_m_3.jpg" alt="Streetart 3" width="500" height="332" />
          <img src="plugins/stack/images/sa_m_4.jpg" alt="Streetart 4" width="500" height="375" />
          <img src="plugins/stack/images/sa_m_5.jpg" alt="Streetart 5" width="500" height="375" />
        </div>

      <div class="clear"></div>

$（文档）.ready（函数（）{
$（“#照片”）。photostack({
速度:600,，
easeIn:“easeOutExpo”，
easeOut:“easeinfeo”，
自动播放：对，
自动播放超时：2000
});
});

slideshow.php/slideshow.html和我的主主题文件都在同一个目录中，我不知道为什么幻灯片在我的主题文件中实现时不工作，而它在单独的文件中工作：/

---

我还尝试使用php将slideshow.php包含在主文件中，但这也不起作用。

尝试将javascript代码放在end body标记之前。希望这能解决你的问题

例如：

<body>  
  <div class="clear"></div>

$（文档）.ready（函数（）{
$（“#照片”）。photostack({
速度:600,，
easeIn:“easeOutExpo”，
easeOut:“easeinfeo”，
自动播放：对，
自动播放超时：2000
});
});

使用如此过时的jQuery版本有什么原因吗？1.3.2快5岁了！在特定页面上检查外部脚本的流。脚本包含（外部JS文件）应该放在标题中。您可以显示失败的整个HTML页面输出吗？因为唯一的区别（我们可以看到）是include-header.php，所以我会在那里查找任何问题。其中可能有导致冲突甚至破坏标记的内容。首先，请使用最新版本的jquery。此版本非常旧。另外，请尝试在div下面包含脚本标记（幻灯片）。

<script type="text/javascript" src="plugins/stack/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="plugins/stack/js/jquery.photostack.pack.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('#photos').photostack({
      speed : 600,
      easeIn : 'easeOutExpo',
      easeOut : 'easeInExpo',
      autoplay : true,
      autoplayTimeout : 2000
    });
  });
</script></body>