从 html5 canvas 触发 jquery 覆盖

Question

我是一个 jQuery 新手，所以对于任何明显的疏忽我深表歉意。现在我有一个网站，当单击某些链接时，我使用 jQuery Tools Overlay 加载外部 html (http://flowplayer.org/tools/demos/overlay/external.html)。这很好用。

我遇到麻烦的地方是当我在 html5-canvas 中绘制的对象被单击时尝试触发叠加。注意：我在检测单击对象时没有问题，唯一的问题是触发弹出窗口。

以下代码是我当前使用外部页面填充 div 的代码，我想知道是否有人可以为我指出正确的方向，使其不特定于链接。

谢谢！

//make all links with the 'rel' attribute open overlays
$(function() 
{
    // if the function argument is given to overlay,
    // it is assumed to be the onBeforeLoad event listener
    $("a[rel]").overlay(
    {
        mask: 'darkgrey',
        effect: 'apple',

        onBeforeLoad: function()
        {
            // grab wrapper element inside content
            var wrap = this.getOverlay().find(".contentWrap");

            // load the page specified in the trigger
            wrap.load(this.getTrigger().attr("href"));
        }
    });
});

更新： 我最终得到的解决方案就像编程演示所描述的那样：将目标 div 转换为覆盖层，并将 load 设置为 true。要加载外部 html，只需保留上面“onBeforeLoad”函数的内容即可。

Answer 1

在这种情况下，您需要的是以编程方式打开覆盖层，而不是通过触发元素。

请按照此演示中的说明和示例代码进行操作： http://flowplayer.org/tools/demos /overlay/trigger.html

重要的是，在这种情况下，您选择 overlay 元素 而不是触发元素

另请注意添加 load:true 配置变量