jQuery没有'；I don’我不会第一次跑步，但每次之后

作者和标题不会在第一次单击时显示，而是在每次单击之后显示。需要快速的帮助，非常感谢

HTML

×


接近

jQuery

$('li .gth').on('load', function() {

}).each(function(i) {
  if(this.complete) {
    var item = $('<div class="item"></div>');
    var itemli = $(this).parents('li');
    var title = $(this).parent('a').attr("title");
    var caption = $(this).parent('a').attr("data-caption");
    var author = $(this).parent('a').attr("data-author");   

    item.attr("title",title);
    item.attr("data-caption",caption);
    item.attr("data-author",author);

    $(itemli.html()).appendTo(item);
    item.appendTo('.carousel-inner'); 
    if (i==0){ // set first item active
    item.addClass('active');
    }
  }
});

/* activate the carousel */
$('#modalCarousel').carousel({interval:false});

/* change modal title when slide changes */
$('#modalCarousel').on('slid.bs.carousel', function () {
  $('.modal-title').html($(this).find('.active').attr("title"));
  $('.modal-caption').html($(this).find('.active').attr("data-caption")).addClass('text-center');
  $('.modal-author').html($(this).find('.active').attr("data-author")).addClass('text-right');
})

/* when clicking a thumbnail */
$('li .gth').click(function(){
    var idx = $(this).parents('li').index();
    var id = parseInt(idx);
    $('#myModal').modal('show'); // show the modal
    $('#modalCarousel').carousel(id); // slide carousel to selected

});

$（'li.gth'）。在（'load'，function（）上{
}).每项功能（i）{
如果（完成此项）{
var项目=$（''）；
var itemli=$（this.parents（'li'）；
var title=$（this.parent（'a'）.attr（“title”）；
var caption=$（this.parent（'a'）.attr（“数据标题”）；
var author=$（this.parent（'a'）.attr（“数据作者”）；
项目属性（“标题”，标题）；
项目属性（“数据标题”，标题）；
item.attr（“数据作者”，作者）；
$（itemli.html（））.appendTo（item）；
项目.附件（'.carousel-inner'）；
如果（i==0）{//将第一项设置为活动项
item.addClass（“活动”）；
}
}
});
/*启动旋转木马*/
$（'modalCarousel'）.carousel（{interval:false}）；
/*幻灯片更改时更改模式标题*/
$（'modalCarousel'）.on（'slided.bs.carousel'，函数（）{
$（'.modal title'）.html（$（this.find（'.active'）.attr（“title”））；
$（'.modal caption'）.html（$（this.find（'.active'）.attr（“数据标题”））.addClass（'text-center'）；
$（'.modal author'）.html（$（this）.find（'.active'）.attr（“数据作者”））.addClass（'text-right'）；
})
/*单击缩略图时*/
$（'li.gth'）。单击（函数（）{
var idx=$（this.parents（'li'）.index（）；
var id=parseInt（idx）；
$（'#myModal'）.modal（'show'）；//显示模态
$（'#modalCarousel'）.carousel（id）；//将carousel滑动到选定位置
});

---

我肯定这是我的jQuery，但我不是专家。

我找到了解决方案。我的问题是检查i==0。由于模式窗口可以在任何图片上启动，因此无法检查值是什么。所以，我无法评估，因为我可以是第一张图像或第99张图像

这里是jQuery解决方案

$('li .gth').on('load', function() {

}).each(function(i) {
  if(this.complete) {
    var item = $('<div class="item"></div>');
    var itemli = $(this).parents('li');
    var title = $(this).parent('a').attr("title");
    var caption = $(this).parent('a').attr("data-caption");
    var author = $(this).parent('a').attr("data-author");   

    item.attr("title",title);
    item.attr("data-caption",caption);
    item.attr("data-author",author);

    $(itemli.html()).appendTo(item);
    item.appendTo('.carousel-inner'); 
    if (i){ // set i item active
    item.addClass('active');
    }
  }
});

/* activate the carousel */
$('#modalCarousel').carousel({interval:false});

/* change modal title when slide changes */
$('#modalCarousel').on('slid.bs.carousel', function () {
  $('.modal-title').html($(this).find('.active').attr("title"));
  $('.modal-caption').html($(this).find('.active').attr("data-caption")).addClass('text-center');
  $('.modal-author').html($(this).find('.active').attr("data-author")).addClass('text-right');
})

/* when clicking a thumbnail */
$('li .gth').click(function(){
    var idx = $(this).parents('li').index();
    var id = parseInt(idx);
    $('#myModal').modal('show'); // show the modal
    $('#modalCarousel').carousel(id); // slide carousel to selected

});

$（'li.gth'）。在（'load'，function（）上{
}).每项功能（i）{
如果（完成此项）{
var项目=$（''）；
var itemli=$（this.parents（'li'）；
var title=$（this.parent（'a'）.attr（“title”）；
var caption=$（this.parent（'a'）.attr（“数据标题”）；
var author=$（this.parent（'a'）.attr（“数据作者”）；
项目属性（“标题”，标题）；
项目属性（“数据标题”，标题）；
item.attr（“数据作者”，作者）；
$（itemli.html（））.appendTo（item）；
项目.附件（'.carousel-inner'）；
如果（i）{//将i项设置为激活状态
item.addClass（“活动”）；
}
}
});
/*启动旋转木马*/
$（'modalCarousel'）.carousel（{interval:false}）；
/*幻灯片更改时更改模式标题*/
$（'modalCarousel'）.on（'slided.bs.carousel'，函数（）{
$（'.modal title'）.html（$（this.find（'.active'）.attr（“title”））；
$（'.modal caption'）.html（$（this.find（'.active'）.attr（“数据标题”））.addClass（'text-center'）；
$（'.modal author'）.html（$（this）.find（'.active'）.attr（“数据作者”））.addClass（'text-right'）；
})
/*单击缩略图时*/
$（'li.gth'）。单击（函数（）{
var idx=$（this.parents（'li'）.index（）；
var id=parseInt（idx）；
$（'#myModal'）.modal（'show'）；//显示模态
$（'#modalCarousel'）.carousel（id）；//将carousel滑动到选定位置
});

---

我确信代码可以被清理，但至少它现在正在工作。

你想用这个

.on（'load'，function（）{}）

片段完成什么？另外，您在页面中何时/何地尝试加载JS？这不是您2小时前提出的重复问题吗？我不太确定你的问题是什么，但这个问题解决了吗？我只是加入了jQuery，它似乎工作得很好。这是同一个问题，但我没有尽可能最好地标记它。很明显，我是新来的。问题是，当页面加载后，如果单击第一个图像，标题和作者不会出现，所有内容都运行良好。问题是第一个图像，第一次加载页面；除此之外，只要找到就行了。问题看起来很相似@zach57如果您有关于某个问题的更多信息，请编辑原始问题，而不是提交另一个问题。

$('li .gth').on('load', function() {

}).each(function(i) {
  if(this.complete) {
    var item = $('<div class="item"></div>');
    var itemli = $(this).parents('li');
    var title = $(this).parent('a').attr("title");
    var caption = $(this).parent('a').attr("data-caption");
    var author = $(this).parent('a').attr("data-author");   

    item.attr("title",title);
    item.attr("data-caption",caption);
    item.attr("data-author",author);

    $(itemli.html()).appendTo(item);
    item.appendTo('.carousel-inner'); 
    if (i){ // set i item active
    item.addClass('active');
    }
  }
});

/* activate the carousel */
$('#modalCarousel').carousel({interval:false});

/* change modal title when slide changes */
$('#modalCarousel').on('slid.bs.carousel', function () {
  $('.modal-title').html($(this).find('.active').attr("title"));
  $('.modal-caption').html($(this).find('.active').attr("data-caption")).addClass('text-center');
  $('.modal-author').html($(this).find('.active').attr("data-author")).addClass('text-right');
})

/* when clicking a thumbnail */
$('li .gth').click(function(){
    var idx = $(this).parents('li').index();
    var id = parseInt(idx);
    $('#myModal').modal('show'); // show the modal
    $('#modalCarousel').carousel(id); // slide carousel to selected

});