Question

我是jQuery的新手，并且非常感谢我对代码的任何帮助。我下载了FlexSlider2，因为我想为我正在处理的网站创建一个库。该画廊目前尚未上线，因此我无法提供相关链接。我把代码放在提供的代码中，它似乎没有用。我不知道我做错了什么因为我对jQuery知之甚少。有人可以帮忙吗？

这是我到目前为止所做的 - 哦，我已将所有内容链接到我的页面，而我正在使用DreamWeaver。这部分位于我页面的“头部”

<link href="CustomerGallery/flex/flexslider.css" rel="stylesheet" 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">
    $(window).load(function() {
      // The slider being synced must be initialized first
      $('#carousel').flexslider({
        animation: "slide",
  controlNav: false,
  animationLoop: false,
  slideshow: false,
  itemWidth: 210,
  itemMargin: 5,
  asNavFor: '#slider'
   {(;
$('#slider').flexslider({
  animation: "slide",
  controlNav: false,
  animationLoop: false,
  sync: "#carousel"
    {(;
{(;
   </script>

此部分位于我页面的“正文”中

<div class="flexslider">
  <ul class="slides">
    <li>
      <img src="CustomerGallery/resources/images/medium/slide1.jpg" />
    </li>
    <li>
      <img src="CustomerGallery/resources/images/medium/slide2.jpg" />
    </li>
    <li>
      <img src="CustomerGallery/resources/images/medium/slide3.jpg" />
    </li>
  </ul>
</div>

  <div id="carousel" class="flexslider" style="margin-top:-50px">
                      <ul class="slides">

    <li>
      <img src="CustomerGallery/resources/images/thumb/slide1.jpg" />
    </li>
    <li>
      <img src="CustomerGallery/resources/images/thumb/slide2.jpg" />
    </li>
    <li>
      <img src="CustomerGallery/resources/images/thumb/slide3.jpg" />
    </li>
  </ul>
</div>

提前感谢您提供的任何帮助！

Answer 1

您有拼写错误：替换：

{(;
{(;

由：

});
});

在</script>

之前

在这里：

asNavFor: '#slider'
   {(;

应该是：

asNavFor: '#slider'
   });

FlexSlider2无法正常工作

1 个答案: