Question

我有一个以login.ejs开头的文件<div id="loginPage">，然后包含一个登录表单。然后我有一个文件index.ejs with a <div id="container"> ID。我希望能够单击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分配给容器。

$('#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

通过jQuery替换div的内容

2 个答案: