jQuery.contextMenu在Safari浏览器中无法识别SVG图像

问题描述

我的网页中有一个SVG图片：

当我单击SVG图像时，预计将在此SVG图像的顶部打开一个弹出窗口。为了显示此弹出窗口，我使用具有以下配置的jQuery.context：

jQuery.contextMenu({
    selector: '#rule-icon-'+id,trigger: 'none',callback: function(key,options) {
        var m = "clicked: " + key;
    
        handleRuleClick(key,grph,id,ruleName);
    },items: {
        // this contains the popup menu items
        }
    }
});

此处'选择器：'＃rule-icon-'+ id'定义了需要在其上显示弹出窗口的组件。＃rule-icon-'+ id'是SVG图片的ID。

现在的问题是，在Safari浏览器中，弹出窗口打开了，但没有在图像的顶部打开，而是在浏览器的左上角打开。似乎jQuery.contextMenu的选择器属性无法通过传递的ID识别SVG图像在Firefox和Chrome浏览器中，没有问题，并且弹出窗口在正确的位置打开，即SVG图片的顶部。

在Safari浏览器中对SVG图片有任何此类限制的人及其解决方法吗？

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

jquery safari