1

JQuery ツール オーバーレイに問題があります。私のシナリオでは、「_blank」ターゲットを介してダウンロードする PDF ファイルにリンクされている画像があります。ユーザーがリンクをクリックすると、リンクが起動し、 .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 に答える