将HTML添加到JQuery Isotope中添加/插入第2部分 [英] Adding HTML to JQuery Isotope additems/insertitems Part 2

问题描述

关注于：

将HTML添加到JQuery同位素添加/插入

我有Brady的：

function makeDataSlide(slideId, imgSrc, slideTitle) {
  var slide = $('<li data-target="#myCarousel" data-slide-to="'+ slideId +'"></li>');
  var gridItem = $('<div class="grid-item" style="display:none"></div>');
  $(gridItem).append('<img src="'+ imgSrc +'">');
  $(gridItem).append('<h4>'+ slideTitle +'</h4>');
  $(slide).append(gridItem);
  return slide;
}

$('.button').on( 'click', function() {
    var $items = [
      makeDataSlide(8, 'img/btn.png', 'XXXXX'),
      makeDataSlide(9, 'img/btn.png', 'XXXXX'),
      makeDataSlide(10, 'img/btn.png', 'XXXXX'),
      makeDataSlide(11, 'img/btn.png', 'XXXXX'),
    ]
    $grid.isotope( 'insert', $items);
});

没有错误，但按钮不执行任何操作？

There's no errors, but the button doesn't do anything?

推荐答案

应该阅读：

$(document).ready(function() { 
    $('.button').on(...);
});

这篇关于将HTML添加到JQuery Isotope中添加/插入第2部分的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！