我正在尝试使用jQuery和Reveal Modal jQuery插件来创建模态,基于这个例子。
我的PHP代码:
IF ($q3)
{
IF ($admin_default_activate == 0)
{
echo "<span style='"color:green'">Your account is created, but an Administrator must activate it!</span>";
}
ELSE
{ echo "
<div id='"modal'">
<div id='"heading'">
Your mailaccount is activated!
</div>
<div id='"boxcontent'">
<p><b>Account Details:</b><br><b>Email:</b> $user<br /><b>Password:</b> $userpass1<br><br><b>Settings:</b><br><b>POP3:</b> mail.website.se (Port 110)<br><b>IMAP:</b> mail.website.se (Port 143)<br><b>SMTP:</b> mail.website.se (Port 25/587)</p>
<a href='"#'" class='"button red close'"><img src='"popup/images/cross.png'">Close window</a>
</div>
</div>
";
}
}
ELSE
{
//echo "<span style='"color:red'">Database error: Could not create the account. Contact an Administrator!</span>";
}
Javascript代码在标签内,但它仍然不起作用。
原始按钮代码为:
<a href="#" id="button">Click me</a>
我现在使用的那个是:
<input type="submit" id="button" name="submit" value="Create">
我不知道这是否有任何区别。
从您的代码中,我假设您希望在单击按钮时在服务器上创建一个帐户,然后用户不会被重定向到新页面,而是服务器回复在同一页面上以模式显示。
要实现这一点,您需要使用 AJAX。
至于为什么模态不会出现:
- 确保 jQuery 和 Reveal.js 都已加载
- 让你有jQuery代码引用正确的按钮(或其他元素)和DIV
作为旁注,正如@kennypu指出的那样,您同时使用回显输出以及结束和打开 php 标签;您应该坚持一种模式。