多个按钮触发单个jQuery函数
Multiple buttons to trigger single jQuery function
我想使用多个图像来打开同一个jQuery对话框。我注意到这只适用于第一个图像,有没有办法让第二个图像也能工作,而不给它一个唯一的id?将有100多个这样的图像,所以我不想为每个图像创建新的功能
$(function() {
$("#dialog").dialog({
autoOpen: false},{ buttons: [ { text: "Ok", click: function() { $( this ).dialog( "close" ); } } ]});
$("#IMG").on("click", function() {
$("#dialog").dialog("open");
});
});
<div id="dialog" title="Dialog box">Test</div>
<input type="image" id="IMG" src="img/image.gif">
<input type="image" id="IMG" src="img/image.gif">
为每个图像指定一个类,比如"img"。然后像这样声明一个处理程序:
$(".img").on("click", function() {
$("#dialog").dialog("open");
});
ID必须是unqiue。改为使用类:
$(function() {
$("#dialog").dialog({
autoOpen: false},{ buttons: [ { text: "Ok", click: function() { $( this ).dialog( "close" ); } } ]});
$(".open-img").on("click", function() {
$("#dialog").dialog("open");
});
});
HTML:
<div id="dialog" title="Dialog box">Test</div>
<input type="image" class="open-img" src="img/image.gif">
<input type="image" class="open-img" src="img/image.gif">
相关文章:
- 是否可以禁用jquery中的单个单选按钮
- 使用jquery选中/取消选中单个复选框
- 用于多个类事件Jquery的单个函数
- jQuery Datatables:单个列搜索不起作用
- 使用jquery将单个换行符替换为span元素
- 使用jquery获取单个记录
- 如何在没有jQuery的情况下模拟按名称命名的事件或解除单个事件的绑定
- 使用JavaScript&jQuery在单个函数(Nodes&Stuff)中
- 如何将jquery动画应用于单个项目
- 如何在 jQuery 中将多个字符串放入单个字符串中
- 如何编写单个 Jquery 函数以在文档更改和就绪事件时触发
- 获取带有textarea的复选框,并在单个jquery中进行选择
- 多个按钮触发单个jQuery函数
- 单个jQuery函数来操作具有相同“”的元素;.类“;独立地
- 传递和获取超链接到单个JQuery函数中
- 如何更改单个jquery滑块手柄上的文本
- 使用单个jQuery函数启用多个文本框和相应的多个复选框
- 如何用单个jQuery调用替换DOM中的特定值
- 对单个Jquery插件使用两个ID
- 如何从单个jQuery-TokenInput中提交多个值作为名称/值对