Question

我是jQuery的新手，需要对我的代码进行一些故障排除/帮助。我正在图片库上工作。我有一个图像拼贴画，当我点击图像时，它会显示一个大版本。当弹出大版本时，我希望能够单击下一个（.right）并查看拼贴的下一个（大）图像。每次单击下一个按钮时，我的var数量会增加一个。每个拼贴图像的ID为1,2,3,4或5等。当单击下一个按钮时，我想添加一个名为＆＃34; count＆＃34;到具有id匹配计数的图像。然后我用类＆＃34; count＆＃34;触发拼贴项目的点击。这是我的剧本，它不起作用：

    /*".right" is the next button*/
    count = 0;


    $( ".right" ).click(function() {

  count +=1;
  var galleryInterior = $("#galleryinterior img");
  if(galleryInterior.attr("id") == count) {

      $("galleryinterior img").addClass("count");

      }




$("#galleryinterior .count" ).trigger("click");
});

Answer 1

尝试

/*".right" is the next button*/
count = 0;

$(".right").click(function () {
    count += 1;
    //remove the count class from current image
    $("#galleryinterior .count").removeClass('count')
    //find the next image with the id
    var galleryInterior = $("#" + count);
    //add the class and trigger the click event
    galleryInterior.addClass("count").click();
});

当您说galleryInterior.attr("id") == '1'时，它会将第一张图片的类别与1
$("galleryinterior img").addClass("count");将课程计数添加到所有图片，而不是count
您需要从所有图像中删除count类，然后找到id为count的图像，然后将该类添加到该特定元素并触发click事件

如何添加类和img它的ID是否等于spcified变量“count”

1 个答案: