Question

我正在尝试创建一个jQuery / Ajax库，一切正常但是当我按下“Bekijk”按钮时我总是得到相同的图像，下一个按钮也不起作用。有人能帮助我吗？

(function($){

  $(".fancybox").fancybox();
  function loopGallery(test, index, item){
    if(test){
        var box = $('<div class="col-md-4 box_animaux box-'+index+'"></div>');
        var pola = $('<div class="pola"></div>');
        var view = $('<div class="view thumb"></div>');
        var mask = $('<div class="mask"><h2>'+item.name+'</h2><p>'+item.description+'</p><a href="img/4.jpg" class="info fancybox" rel="group" title="'+item.id+'" ><div class="alt">Bekijk</div></a></div>')

        $('.gallery').prepend(box);
        box.append(pola);
        pola.append(view);
        view.prepend('<img src="'+item.source+'">');
        view.append(mask);
    }
  }

  $.getJSON('json/photos.json', function(data){
    $.each(data, function(index, item){
        loopGallery(index <= 2, index, item);
    });
  });

  $('.next').on('click', function(event){
    event.preventDefault();
    var galleryLength = $('.pola').length;
    $.ajax('json/photos.json', {
        success: function(data){
            $.each(data, function(index, item){
                loopGallery(item.id >= galleryLength && item.id < galleryLength + 3, index, item);
            });
        },
        beforeSend: function(){
            $('.next').hide();
            $('.spinner').fadeIn();
        },
        complete: function(){
            $('.spinner').hide();
            $('.next').fadeIn();
        }
    });
  });
})(jQuery);

Answer 1

尝试更改

   @property(nonatomic,strong) NSString *textString;

要

  $('.next').on('click', function(event){

对于Bekijk 也是，您有静态图像路径，因此它将保持相同的图像显示。改变这个

$('body .next').on('click', function(event){

到

<a href="img/4.jpg"

继续获得相同的图像

1 个答案: