如何使此模式窗口正常工作


how to get this modal window to work correctly?

我对埃里克·马丁的模态窗口有 3 个小问题,我似乎无法弄清楚。希望任何使用过这种模式的人都能帮助我。我创建了一个您可以访问的基本应用程序,以便您可以看到我当前拥有的模态窗口发生了什么。

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

Javascript:

 function plusbutton()
    {
    $(".previouslink").modal(); 
    return false;
}

目录:

<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,你会发现在我的超链接中,我确实想链接以前的问题.php页面。所以我想要的是,当用户单击加号按钮时,会出现模态窗口,显示来自"previousquestions.php"页面的信息。如何实现这一点?

谢谢。

您希望在模态窗口中提供的信息,您需要放在单独的位置。 你在做什么

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

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

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

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

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