将HTML添加到JQuery同位素插件/插入项第2部分
Adding HTML to JQuery Isotope additems/insertitems Part 2
来自:
向JQuery同位素附加项/插入项添加HTML
我有布雷迪的:
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);
});
没有错误,但按钮什么都不做?
确保'$(.button').on(…)'包装在$(document).ready().中
应为:
$(document).ready(function() {
$('.button').on(...);
});
相关文章:
- 将样式表插入iframe
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- 如何动态插入jquery代码
- 动态插入的表:JQuery未检测到最后一行
- 使用JavaScript动态插入DIV的成本有多高
- 带有填充属性的SVG矩形显示在包含元素的上方插入框阴影
- 将对象动态插入到现有对象中
- 将数组中的值插入到表中
- 在 Java 中的 JavaScript 函数中插入 Wicket 值
- 我如何在数字插入中使用逗号,这样它就不会'不要破坏我的输入字段
- 使用PHP插入HTML在JavaScript上不起作用
- javascript:将数据库中的数据插入到html5文本字段中
- 从数据库中获取数据并插入JavaScript变量
- 如何使用innerHtml正确插入html
- AngularJS指令,在元素后插入HTML
- 当用户按下回车键时,自动在text区域/text中插入消息
- 如何使用JS禁用表行,并在MYSQL中插入所选选项
- 将文本插入光标所在的文本区域
- 属性gridster项应插入到何处
- 预加载图像并插入DOM