Question

我在使用JQuery Tools Overlay时遇到了一些麻烦。在我的场景中，我有一个图像链接到PDF文件，以便通过“_blank”目标下载。当用户点击链接时，我希望链接启动 AND 我也希望调用.overlay（）。似乎调用了.overlay（），但是从不执行链接。任何人都知道如何获得理想的行为？

这是我的形象：

<a target='_blank' href='log.server.php?sid=26'><img class='options-img' rel='#img-transcript' src='images/pdf_icon.png' alt='Download Transcript' title='Download Transcript'/></a>

这是我对叠加层的调用：

$(function() {
    $("img[rel]").overlay();
});

最后是叠加层：

<div class="overlay" id="img-transcript">
  <img src="about.png" style="float:left; margin:0 15px 20px 0" />
  <table style="margin:0">
    <tr>
      <div class="label">Success!</div>
      <div class="message">Your transcript has been downloaded. See downloads to view.</div>
    </tr>
  </table>
</div>

Answer 1

我有一种感觉，当你以这种方式使用时，jQuery工具会阻止链接的默认操作。

我发现稍微重构一下代码就可以了：

$("#img-transcript").overlay({
    load: false // don't initially load the dialog
});

/* Load the overlay on click: */
$("a").on("click", function () {
    $("#img-transcript").data("overlay").load();
});

示例： http://jsfiddle.net/h5NHk/（对不起所有的猫）

JQuery工具叠加和链接

1 个答案: