jQuery Modal 没有显示


jQuery Modal doesn't show up

我正在尝试使用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 标签;您应该坚持一种模式。