2013-09-29 120 views
0

我試圖使用jQuery和Reveal Modal jQuery plugin創建基於this example的模態。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"> 

我不知道是否有什麼差別。

+0

哪個'div'可能是因爲'if'條件。 –

+1

這兩者都不好,但爲什麼你會迴應html,然後通過關閉php標籤輸出html?你應該堅持一個或另一個 – kennypu

+0

我試圖用「回聲」過,但didn't工作無論是 – Hampe

回答

0

從你的代碼,我假設你想擁有在點擊按鈕在服務器上創建一個帳戶,然後用戶不重定向到一個新的頁面,而是顯示在服務器回覆一個模式在同一頁面上。

要達到這個目的,您需要使用AJAX

至於爲什麼模式將不會顯示:

  • 確保兩個jQuery和reveal.js加載
  • 讓你擁有jQuery代碼引用正確按鈕(或其他元素)和DIV

作爲一個側面說明,就像@kennypu指出的那樣,您使用了回顯輸出和關閉以及打開php標籤;你應該堅持一種模式。

+0

奧基。我將代碼改回「回聲」。但我真的不知道怎麼弄的代碼中使用AJAX的..:/ – Hampe

+0

嘗試閱讀[教程](http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without -page-refresh-using-jquery /) –

+0

好吧,我做了,我試了幾個其他的指南,但沒有成功。我不擅長這一點.. – Hampe