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

Question

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

所有基本脚本都可以在此处运行（单击“Chuck”部分），

但首先牛的图像地图在 jquery 模态窗口中打开（我是 jquery 的新手，可能指的是错误的！）。 问题：我的显示/隐藏 div 停止在 jquery 窗口内工作。

我已经考虑过使用工具提示脚本来代替，但用户必须能够通过单击自行打开/关闭 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/