我试图使用jquery但遇到两个错误:

时间:2014-11-08 23:18:39

标签: javascript php jquery html

在netbeans中,我创建了一个PHP代码并执行了此操作:

<!DOCTYPE html>
<html>
    <head>

        <link rel="stylesheet" href="flexslider.css" type="text/css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script src="jquery.flexslider.js"></script>
        <script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider();
  });
</script>

        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div id="slideShow">
        <?php
        error_reporting(E_ALL);
ini_set('display_errors', '1');
//$allowed_types="(\.jpg$)|(\.png$)|(\.jpeg$)|(\.gif$) |(\.Gif$)";
$allowed_types = array('png','jpg','jpeg','gif');
$imageDir = 'Images';
/*
    Assumes this .php is being run from the http root on the same
    domain as the desired image files.
*/

$handle = opendir($imageDir);
while (($imgPath = readdir($handle)) !== false) if (
    in_array(
        strtolower(pathinfo($imgPath, PATHINFO_EXTENSION)),
        $allowed_types
    )) echo '
    <img src="', $imageDir, '/', $imgPath, '" alt="slide" />';
closedir($handle);
        ?>
        </div>
        <div class="flexslider">
  <ul class="slides">
    <li>       
      <img src="Images/radar000025.GIF" />
    </li>
    <li>       
      <img src="Images/radar000814.GIF" />
    </li>
  </ul>
</div>

    </body>
</html>

我稍后将php文件上传到我的主机服务器,然后我收到两个错误:

未捕获的SyntaxError:意外的令牌&lt; jquery.flexslider.js:1 未捕获的TypeError:undefined不是函数SlideTestHtml.html:15

这里的目标是做两件事:

  1. 在这种情况下使用jquery:

    flexslider

  2. 使用里面的php脚本将服务器目录中的所有图像转换为aray并使用此数组代替行

  3. 如何修复错误以及如何将目录中的图像放入数组并使用此数组insteas

1 个答案:

答案 0 :(得分:-1)

尝试将你的js代码放在带图像的div的底部。 有关参考,请转到“view-source:http://flexslider.woothemes.com/

搜索:

<script src="jquery.flexslider.js"></script>
  <script type="text/javascript" charset="utf-8">
      $(window).load(function() {
        $('.flexslider').flexslider();
      });
    </script>

并记下代码所在的位置。

    <div class="flexslider">
      <ul class="slides">
         <li>       
      <img src="files/radar-simulation-files/radar000004.GIF" />
    </li>
    <li>       
      <img src="files/radar-simulation-files/radar000005.GIF" />
    </li>
    <li>       
      <img src="files/radar-simulation-files/radar000006.GIF" />
    </li>
   <li>       
      <img src="files/radar-simulation-files/radar002202.GIF" />
    </li>
      </ul>
    </div>

  <script src="jquery.flexslider.js"></script>
  <script type="text/javascript" charset="utf-8">
      $(window).load(function() {
        $('.flexslider').flexslider();
      });
    </script>