0

我正在尝试使用 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">

我不知道这是否有什么不同。

4

1 回答 1

0

从您的代码中，我假设您希望在单击按钮时在服务器上创建一个帐户，然后用户不会被重定向到新页面，而是服务器回复以模式显示同一页。

为此，您需要使用AJAX。

至于为什么模态不会出现：

  • 确保 jQuery 和reveal.js 都已加载
  • 让您拥有引用正确按钮（或其他元素）和 DIV 的 jquery 代码

作为旁注，就像@kennypu 指出的那样，您正在使用回显输出以及关闭和打开 php 标签；你应该坚持一个模式。

于 2013-09-29T02:39:42.603 回答