Question

我正在尝试使用jQuery和Reveal Modal jQuery plugin创建模式，基于this example。

我的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">

我不知道这是否有所不同。

Answer 1

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

要实现这一目标，您需要使用AJAX。

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

确保加载jQuery和reveal.js
让您拥有引用正确按钮（或其他元素）和DIV

作为旁注，就像@kennypu指出的那样，你正在使用回声输出和关闭并打开php标签;你应该坚持一种模式。

jQuery Modal没有显示出来

1 个答案: