将HTML添加到JQuery Isotope additems / insertitems第2部分

继续之后：

将HTML添加到JQuery Isotope additems / insertitems

我有布拉迪的：

function makeDataSlide(slideId, imgSrc, slideTitle) { var slide = $('
'); var gridItem = $('
'); $(gridItem).append(''); $(gridItem).append('
'+ slideTitle +'
'); $(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); }); 

没有错误，但按钮没有做任何事情？

Answer 1

确保’$（。button’）。on（…）’包含在$（document）.ready（）中。

应该读：

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