Question

我正在使用这样的jQueryUI对话框模式：

<div id="dialog-modal" title="Basic modal dialog">
    <img src="#" alt="Pictures" />
</div>

我有一个PHP foreach 循环，可以在任何给定时刻显示三个图像图标。图像URL位于MySQL数据库中。图像本身包含在锚标记内，并显示为缩略图。 <a>包含一个名为“theLink”的类。当你点击“theLink”（实质上是点击图片）时，jQuery知道打开对话框。

我希望通过点击它来让图像显示比缩略图大得多。然后它会动态地将图像链接传输到将显示它的模态对话框。再次，一个模态对话框div（如上所示）位于<body>标签下方。这就是我要找的东西：

当你点击“theLink”时，它将从img获取PHP生成的图像链接，并使用它来替换模态div中的“＃”。

<a> <img src="PHP GENERATED" /> </a>

Answer 1

我通过降低jQuery基础来找到答案。

我必须在php生成的图像中创建一个名为ImageLink的类。我不得不使用一个类，而不是ID，因为这个类会重复三次，因为我一次只显示三个缩略图。

关键字'this'很重要，所以我可以指向特定的imageLink类。

  <a><img src="PHP GENERATED" class="imageLink" /></a>

然后，在jQuery中：

    var realImage = $(this).find('.imageLink').attr("src");
    $('#popUpImage').attr('src', realImage);
    $('#dialog-modal').dialog('open');