0

我知道这可能之前已经回答过多次，但这是我第二次使用 JQuery，我不完全确定我需要做什么，因为我不熟悉这种编码格式。我看过其他类似的问题，但没有一个答案对我来说有意义，我真的需要这个来点击我的脑海，这样我才能继续工作。

我为此使用Jpopup，所以脚本信息都在那里，但我的问题是：

我在图像中有两个区域需要可点击，它们都显示不同的内容，但我一次只能调用一个页面来弹出，多个锚标签只会给我两次相同的内容。我需要向该脚本添加什么以允许页面显示两个不同的弹出窗口？

这是我的 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 在运行时检查源代码，我只看到相同的 div，通过它添加到 DOM 树中。据我所知，当 DOM 完成加载时，作者将主 div 添加到 DOM 树并将它们全部设置为“隐藏”。如果您调用您的函数，这些 div 将设置为“可见”。另一个原因是——在我看来这是一种非常棘手的方式——ID 为“blockModalPopupDiv”的 div 覆盖了整个浏览器窗口。如果点击该元素，将执行隐藏所有 div 的功能。您将没有机会在 div 元素之外单击。

所以，你可以做什么？我认为你只有三个选择：

  1. 要求作者有机会添加您的要求。
  2. 下载源代码并自行修改。它是用标准的 Javascript 创建的。
  3. 尝试使用另一个插件或改变你的概念。
于 2012-07-05T08:43:22.617 回答