上一个按钮和下一个按钮在 jquery 中不起作用

Question

我已经下载了这个代码，它正在工作，但是当我点击上一个和下一个图像时它不起作用，我不知道会做什么......$（“.pic img”）.attr（ "src", "images/这里我要下一张图片的 src 值");

<div class="img-box">
  <ul>
    <?php $query1="SELECT * FROM user_photos_offline" ; $sql=mysql_query($query1); $results=array(); while($row=mysql_fetch_assoc($sql)){ ?>
    <li>
      <img src="images/cropped-images/<?php echo $row['image']?>" />
      <div class="mask">
        <div class="mag">
          <div class="plus"></div>
        </div>
      </div>
    </li>
    <?php } ?>
  </ul>
</div>
<div class="full-screen-mask">
  <div class="view-port">
    <div class="pre">
      <span>-</span>
    </div>
    <div class="pic"><img /></div>
    <div class="next">
      <span>+</span>
    </div>

  </div>
  <div class="close">
    <span></span>
    <span></span>
  </div>
</div>


$(".img-box ul li").click(function() {
  var index = $(this).index();
  num = index + 1;
  var img = $(this).find('img').attr('src');
  var index = $(this).index();
  //next button function
  function next() {
    $(".pic img").attr("src", "images/"+num+".png");
  }
  $(".next").click(next);
});



//preview button function
function pre(){ 
    $(".pic img").attr("src","images/pic-"+num+".png");
    num--;
    if(num==0){
        num=8
    }
}


 $(".pre").click(pre);


//next button function
function next(){ 
$(".pic img").attr("src","images/pic-"+num+".png");
num++;
if(num==9){
num=1
    }
}
 $(".next").click(next);

Answer 1

您的脚本不在标签中，

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

检查你的块。看起来你在 click 块内运行 next() 。 你在它外面设置监听器。