1

我在使用 JQuery Tools Overlay 时遇到了一些问题。在我的场景中，我有一个链接到 PDF 文件的图像，以便通过“_blank”目标下载。当用户单击链接时，我希望链接启动并且我还希望调用 .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>
4

1 回答 1

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/（对不起所有的猫）

于 2012-08-02T02:12:07.433 回答