上一个按钮和下一个按钮不工作在jquery

我已经下载这个代码，它工作，但当我点击上一个和下一个图像时，它不工作，我不知道会做什么... $ （“.pic img”）。attr（“src”，“images /这里我想要下一张图片的src值”）;上一个按钮和下一个按钮不工作在jquery

<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);

来源

2015-10-20 Raja R

你真的没有这些按钮的事件处理程序，你只是有一个名为'next（）'的函数？ – adeneo

对不起，这是我的错误，但还没有工作检查现在 –

我猜HTML和JS是在单独的文件或后来的一个被包裹'

上一个按钮和下一个按钮不工作在jquery

相关问题