通過jQuery替換div的內容

Question

我有一個文件login.ejs ，它以<div id="loginPage"> ，然后包含一個登錄表單。 然后，我有了一個with a <div id="container"> id的文件index.ejs 。 我希望能夠單擊container-div外部的鏈接，該鏈接將用loginPage div的內容替換container-div的內容。 在我的index.ejs我有：

<a href="#" id='admin' title="admin"><p><b>Admin</b></p></a>

我在index.js有一個腳本：

function events() {
    // register events
        $('#admin').click(function()
        {
            $('#container').html('#loginPage');
            return false;
        });
}

但是我無法使它起作用，有人可以提出想法嗎？

Answer 1

您需要執行以下操作，首先獲取類似$('#loginPage').html() html，然后將此html分配給container。

$('#admin').click(function()
        {
            $('#container').html($('#loginPage').html());
            return false;
        });

Answer 2

確切地說，使用load函數：

$('#admin').click(function(e){
   e.preventDefault();
   $('#container').load('login.ejs #loginPage');
});//--------------------^^^^^^^^--^^^^^^^^^^-----loads the <div id="loginPage">
   //---------------------------------------------from the login.ejs