如何在jquery窗口中显示/隐藏来自imagemap的div？

Question

我已经创建了一个翻转图像地图来显示牛肉的切片。当用户单击牛肉的一部分时，将通过js/popupbox.js脚本显示列出食谱的div。

所有的基本脚本都能正常工作(点击“here”部分)

但首先，在jquery模式窗口中打开奶牛的图像地图(我是jquery的新手，这可能是错误的！)。问题：my show/hide div ceases to work inside of the jquery window。

我已经考虑过使用工具提示脚本，但用户必须能够通过单击打开/关闭div，因为在每个div中都有需要单击的食谱和其他内容。

非常感谢您的帮助！

Answer 1

您需要使用open事件将事件处理程序附加到对话框。

$('#opener').click(function() {
    $('#dialog').dialog({
        modal: true,
        height: 550,
        width: 800,
        hide: "explode",
        open: function() {
            $(this).click(function() {
                $('#popupbox').show();
            });   
        }
    });
});

工作示例：http://jsfiddle.net/f55gg/