如何在 jquery 窗口内的图像映射中显示/隐藏 div？

Question

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

所有基本脚本都在工作here（点击“Chuck”部分）

但首先牛的图像地图在 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/