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

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 中，这样当模态弹出时，您就有了所需的内容。

对于 background:url，尝试在/之前和 .png 之后使用 '。

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