0

我有一个从另一个页面(index.php)调用的 div,在这个 div 中,有另一个 div 我不想在调用父级时显示。

这是 HTML:

   <div id="loginmain">
<div id="logintitle"><b>&nbsp; Log in:</b></div>
<div id="loginbox">
    <form method="post" id="loginform" action="" name="loginform">
        <label for="username"> Username:</label><span id="asterix">*</span> <input id="username" type="text" name="username" required> <br>
        <label for="password">Password:</label><span id="asterix">*</span> <input id="password" type="password" name="password" required><br><br>
        <div id="submit_login"> <input type="submit" value="Log in"></div>
</div>
<br>
<div id="loginfooter"><span id="newmember"><b>New to our website? Click <u>here</u></b></span>
</div>
</form>
</div>

这就是我在另一个页面中使用 jQuery 调用它的方式!

    function showLogin(){
        document.getElementById('successful').style.display="none";
        $("#login").load("index.php #loginmain");
        $("#login").css("display","block");
        $("index.php #loginfooter").css("display","none");
    }

该脚本正确显示#login 内容,但显示#loginfooter。

4

3 回答 3

1

不确定这是否可行,但请尝试更改

$("index.php #loginfooter").css("display","none");

$("#loginfooter").hide();
于 2013-07-01T14:24:32.050 回答
0

首先,看起来好像您错误地嵌套了元素。您之前有<div id="loginbox">打开<form>,但它们以错误的顺序关闭。那可能最终会弄乱javascript的东西。

至于jQuery,试试$("#loginfooter").hide();

于 2013-07-01T14:28:15.117 回答
0

您不能index.php用作 jQuery 选择器。在您的示例中,我认为它可以使用$('#loginfooter')

于 2013-07-01T14:24:41.433 回答