0

これはおそらく以前に何度も回答されたことがあると思いますが、JQueryを使用するのはこれが2回目であり、このコーディング形式に精通していないため、何をする必要があるのか​​完全にはわかりません。私は他の同様の質問を見てきましたが、どの答えも私には意味がありません。仕事を続けるために、頭の中でクリックするためにこれが本当に必要です。

私はこれにJpopupを使用しているので、スクリプト情報はすべてそこにありますが、私の質問はこれです：

画像内にクリック可能にする必要のある2つの領域があり、どちらも異なるコンテンツを表示していますが、一度に呼び出すことができるのは1ページのみで、複数のアンカータグを使用すると同じコンテンツが2回表示されます。ページに2つの異なるポップアップを表示できるようにするには、そのスクリプトに何を追加する必要がありますか？

これは私のHTMLページのスクリプトです

<script language="javascript">

  $(document).ready(function() {

    //Change these values to style your modal popup
    var source = "demo.html";
    var width = 920;
    var align = "center";
    var top = 100;
    var padding = 10;
    var backgroundColor = "#FFFFFF";
    var source = 'popups/demo.html';
    var borderColor = "#000000";
    var borderWeight = 4;
    var borderRadius = 5;
    var fadeOutTime = 300;
    var disableColor = "#666666";
    var disableOpacity = 40;
    var loadingImage = "popups/loading.gif";

    //This method initialises the modal popup
    $(".modal").click(function() {

        modalPopup( align,
            top,
            width,
            padding,
            disableColor,
            disableOpacity,
            backgroundColor,
            borderColor,
            borderWeight,
            borderRadius,
            fadeOutTime,
            source,
            loadingImage );

    }); 

    //This method hides the popup when the escape key is pressed
    $(document).keyup(function(e) {
        if (e.keyCode == 27) {
            closePopup(fadeOutTime);
        }
    });

  });

</script>

HTML

        <div style="margin-top:200px;margin-left:395px;">
        <a class="modal" href="javascript:void(0);"><img src="images/clickmelarge.png" border="0">
        </a></div>
4

1 に答える 1

0

「プラグイン」のソースコードを調べ、実行時にHTMLページの呼び出されたソースコードも調べました。私の目には、このポップアッププラグインは同時に複数のポップアップをサポートしていません。なんで？

さて、私はFirebugを使用して実行時にソースコードを調べましたが、これによってDOMツリーに追加された同じdivのみが表示されました。DOMが完全にロードされたときに私が理解した限りでは、作成者はメインのdivをDOMツリーに追加し、それらをすべて「非表示」に設定しました。関数を呼び出すと、これらのdivは「visible」に設定されます。もう1つの理由は、-私の目には非常にトリッキーな方法です-Id'blockModalPopupDiv'を持つdivがブラウザウィンドウ全体をカバーしていることです。この要素をクリックすると、すべてのdivを非表示にする機能が実行されます。div要素の外側をクリックする機会はありません。

それで、あなたは何ができますか？私はあなたがたった3つの選択肢があると思います：

  1. 要件を追加する機会を作成者に依頼してください。
  2. ソースコードをダウンロードして、自分で変更してください。標準のJavascriptで作成されています。
  3. 別のプラグインを使用するか、コンセプトを変更してみてください。
于 2012-07-05T08:43:22.617 に答える