模式窗口只会使用第一个元素打开,而不是第二个或第三个元素
modal window will only open using the first element, not the second or the third
Html的多个图像(我试图使用一个模态的所有图像),必须模态显示基于所选择的图像的特定信息。
<div id = "items">
<li id="item">
<a><img src="images/items/Meat Nugget.png" />
</li>
<li id="item">
<a><img src="images/items/Bustling Fungus.png" />
</li>
JavaScript用于接收点击元素
的触发器(function(){
var $content = $('#share-options').detach();
$('#item').on('click', function() {
modal.open({content: $content, width:340, height:300});
});
}());
这是因为ID对于单个元素是唯一的,所以每个页面只能有一个具有该ID的元素。你可以通过使用class来解决这个问题,你可以在多个元素上使用相同的class。
<div id = "items">
<li class="item">
<a><img src="images/items/Meat Nugget.png" />
</li>
<li class="item">
<a><img src="images/items/Bustling Fungus.png" />
</li>
当引用一个类时,你需要使用。(类选择器)而不是# (ID选择器)
$('.item').on('click', function() {
modal.open({content: $content, width:340, height:300});
});
}());
相关文章:
- 角度指令:指向第二个元素
- 如何将第二个元素id注入到网站元素中
- 第二个下拉菜单元素上的重复下拉Javascript效果
- 如何针对JQuery中的第二个元素
- 情商不正确,第二个元素
- Jquery:选择tr元素的第二个td
- 将第二个背景图像添加到元素中
- 检测点击元素的内部文本,而不将文本包装在第二个元素中
- JQuery:如果存在具有相同 ID 的元素,则选择第二个元素
- 如果第二个 html 元素位于第一个 html 元素上方,如何移动该元素
- 从一个页面调用 javascript 函数以在第二个页面上添加元素
- 如何将两个 html 元素绑定在一起,当第一个元素被删除时,第二个元素也从 DOM 中删除
- 单击角度表元素上的事件,将其定向到由所选元素的 ID 组成的第二个 URL
- 我可以通过 Javascript 中第一个元素的值选择二维数组的第二个元素吗?
- 将最后一个元素移动到数组中的第二个项目的最快方法
- 循环遍历数组并成对输出(每个第二个元素的分隔符)
- 在 javascript 中创建第二个 html 元素会删除第一个
- 如何从数组中获取第一个元素和第二个元素中的值
- 如何在第二个元素之后插入
- 将类分配给第二个元素 Java 脚本