如何使此模式窗口正常工作
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');
相关文章:
- Javascript:selenium Web驱动程序isDisplayed()不工作
- jQuery UI自动完成突然停止工作
- AngularJS UI路由器不能像ng路由器那样工作
- HTML5音频加载和播放获胜'我不能在iPad上工作
- JavaScript打印功能使日历停止工作
- Javascript.getHours()工作不正常
- 为什么这在IE中的工作方式与在Firefox中不同
- 视频HTML没有'无法在Internet Explorer 11上工作
- 扩展移相器按钮类不工作
- Firebase迁移-简单的Firebase.set没有'不再工作了——旧的还是新的
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 正在尝试使用if和else添加类,但无法正常工作
- Jquery FadeIn FadeOut 只工作一次
- Foreach无法在Typescript中工作
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- JS可以在Chrome中工作,但不能在Firefox中工作
- 最大高度转换不;不工作,工作缓慢
- Gulp-rev:不是第一次工作,而是在第一次工作之后工作
- JQuery - Ajax: encodeUriComponent不工作(EncodeUri工作)