如果用户右键单击图像,我想显示一个带有该图像共享选项的模式。我只为一张图片工作,却在努力展示多张图片的模态。
我认为这是我想要达到的目标的小提琴。jsfiddle演示
$("[data-toggle='modal']").on("contextmenu", function(e) {
e.preventDefault();
//$("#embed1").modal("show");/*works great for one image with one related modal*/
$(this).modal("show"); /*not working on right click. Problem is each image has a different modal specific to that image*/
})
在您当前的代码中,this
是指单击的链接而不是模式链接。
您需要获取data-target
属性并将其用作模式选择器,如下所示...
$("[data-toggle='modal']").on("contextmenu", function(e) {
e.preventDefault();
var targetModal = $(this).data('target');
$(targetModal).modal("show");
})
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句