在右键单击上显示引导程序模态-多种模态

ProjectMonkey

如果用户右键单击图像,我想显示一个带有该图像共享选项的模式。我只为一张图片工作,却在努力展示多张图片的模态。

我认为这是我想要达到的目标的小提琴。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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

引导模态防止右键单击

来自分类Dev

多种产品的模态窗口

来自分类Dev

显示模态引导程序的条件

来自分类Dev

单击前在引导程序模态上更改标签文本

来自分类Dev

显示引导模态上的覆盖

来自分类Dev

单击表单提交按钮时触发远程引导程序模态,然后显示远程模态内容吗?

来自分类Dev

单击引导程序模态容器,将不会弹出模态

来自分类Dev

引导具有多种形式的单个模态窗口

来自分类Dev

单击href Laravel时显示引导模态

来自分类Dev

随机显示弹出窗口引导程序模态

来自分类Dev

无法显示引导程序 UI 模态

来自分类Dev

引导程序模态负载上的触发事件

来自分类Dev

模态引导程序上的FormValidation

来自分类Dev

在提交表单上打开模态引导程序

来自分类Dev

引导模态显示多次

来自分类Dev

引导模态不显示

来自分类Dev

引导程序-模态无效

来自分类Dev

单击按钮时不触发引导程序模态-jQuery

来自分类Dev

Slickgrid:单击该行时打开引导程序模态

来自分类Dev

单击“ sweetAlert”警报“确定”后如何调用引导程序模态?

来自分类Dev

通过引导程序在对话框模态上显示的PDF文件

来自分类Dev

jQuery .load()引导模态并显示

来自分类Dev

引导模态不显示数据

来自分类Dev

引导模态在其主体上单击时会触发其他模态

来自分类Dev

引导模态

来自分类常见问题

尝试使引导程序模态更宽

来自分类Dev

滚动引导程序3模态

来自分类Dev

关闭特定的引导程序模态

来自分类Dev

引导程序模态元素选择