Question

我有3个关于eric martin's模态窗口的小问题，我似乎无法弄清楚。希望任何使用过这种模式的人都可以帮助我。我创建了一个您可以访问的基本应用程序，这样您就可以看到我目前拥有的模态窗口here正在发生的事情。

以下是我目前拥有的模态窗口的完整代码：

使用Javascript：

 function plusbutton()
    {

    $(".previouslink").modal(); 

    return false;
}

HTML：

<table id="plus" align="center">
<tr>
<th>
<a href="previousquestions.php" class="previouslink" onclick="return plusbutton();">
<image src="Images/plussign.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage"/>
</a>
<span id="plussignmsg">(Click Plus Sign to look <br/> up Previous Questions)</span>
</th>
</tr>
</table>

问题1：当你单击应用程序中的加号时，它会在模态窗口中显示我不想要的加号，为什么它在模态窗口中显示加号以及如何删除它？

问题2：在模态窗口的右上角，它应显示一个关闭按钮（x的图像），但它不显示关闭按钮。现在在css中，关闭目录的按钮是：

background:url(/images/x.png);

现在这是目录，因为要从css页面转到图像，你需要进入“images”文件夹，然后是“x.png”图像。

问题3：如果你查看我的html，你会发现在我的超链接中我确实想要链接perviousquestions.php页面。所以我想要的是当用户点击加号按钮时，会出现模态窗口，显示“previousquestions.php”页面中的信息。如何实现这一目标？

非常感谢。

Answer 1

您希望在模态窗口中显示的信息，您需要放在一个单独的位置。你在说什么

$(".previouslink").modal();

您是否希望父元素.previouslink中的所有内容都是模态窗口的内容。

尝试将内容移动到另一个span或div中，以便在模式弹出时，您拥有所需的内容。

对于背景：url，请尝试使用'之前和之后的.png。

赞background:url('/images/x.png');

如何让这个模态窗口正常工作？

1 个答案: