如何使一個jQuery彈出，要求在登錄或創建個人資料

Question

我終於得到了一個jQuery彈出的工作，現在試圖給用戶登錄或創建配置文件

到目前爲止，我有什麼選擇非常簡單，像這樣：

var $dialog = $('<div>Please log-in or create a profile</div>') 
    .dialog({ 
     autoOpen: false, 
     title: 'Login Dialog' 
    }); 

但是，我可以請求該人登錄的一些好的和簡單的方法是什麼？我應該只在登陸表單中登記表單嗎？如果是這樣，如果這個人需要創建一個配置文件，我該如何輕鬆地讓他們做到這一點？

此外，登錄和創建配置文件代碼應該在其他地方居住嗎？如果是這樣，我如何從這個設置中引用它？

謝謝！

Answer 1

將登錄表單作爲內嵌代碼放在頁面上。編輯這種方式更容易，並在完成後將其切換爲隱藏狀態。

例如

<div id="mypopup" style="display: none;"> 
    <div id="loginform"> 
    Login form with layout with controls and buttons 
    <span id="newprofile">Click here to create a new profile</span> 
    </div> 
    <div id="newprofileform" style="display: none;"> 
    New profile form with layout with controls and buttons 
    </div> 
</div> 

並從您的代碼中使用它的ID引用它。

var $dialog = $('#mypopup') 
    .dialog({ 
    autoOpen: false, 
    title: 'Login Dialog' 
    }); 

$("#newprofile").click(function() { 
    $("#loginform").hide(); 
    $("#newprofileform").show(); 
});