Javascript 第二个显示Div功能不工作

我正在尝试在单击时使用show div。但第一个工作正常，但第二个工作不正常

 <script type="text/livescript">
    function showDiv() {
      div = document.getElementById('change_pass');
      div.style.display = "block";
    }

function showDiv1() {    
      div = document.getElementById('invite-friend_now');
      div.style.display = "block";
    }
 </script>

函数showDiv（）{
div=document.getElementById（'change_pass'）；
div.style.display=“块”；
}
函数showDiv1（）{
div=document.getElementById（'invite-friend_now'）；
div.style.display=“块”；
}

并使用链接onclick：

<a href="#" onclick="javascript:showDiv();">Change Password</a>

<a href="#" onclick="javascript:showDiv1();">Invite Friend</a>

---

单击“更改密码”，该分区将正确弹出。但当我们点击邀请朋友链接时，页面转到顶部，url仅显示

www.example.com/#

（…只显示

#

）

您可以传递一些参数以仅使用一个函数。此外，您还可以使用

preventDefault（）

防止页面向上滚动：

<script type="text/livescript">
    function showDiv(e, divName) {
      div = document.getElementById(divName);
      div.style.display = "block";
      e.preventDefault();
    }
</script>

<a href="#" onclick="showDiv(event, 'change_pass');">Change Password</a>

<a href="#" onclick="showDiv(event, 'invite-friend_now');">Invite Friend</a>

函数showDiv（e，divName）{
div=document.getElementById（divName）；
div.style.display=“块”；
e、 预防默认值（）；
}

---

另外，现在检查一下这个

invite-friend\u

ID，因为我认为您可能拼错了它。

我认为这样使用jQuery会更容易：

显示div
一些文本

$（“#显示_div”）。单击（函数（）{
$（“待展示”）.fadeIn（100）；
});  

它应该能正常工作。你仔细检查过部门的身份证了吗？或者，如果您直接将其设置为可见，它会显示出来？非常相同的代码或您的代码在这里：并且它可以工作。您可以在标记中添加div吗？您真的应该返回false，并将无用的

javascript:

更改为

return

jQuery不是所有问题的答案。使用.display显示和隐藏非常简单，不需要库。好吧，这取决于你。我的错，我刚刚修复了它。还有一个问题，我正在使用php include for passwordchange.php和invitefriend.php。（这两个文件都添加在header.php中）我在password.php文件中添加了require（“class.phpmailer.php”），它可以完美地发送电子邮件。但是当我把它添加到invitefriend.php文件时，它显示了一个shws错误——我的网页内容是不可见的。只能看到背景图像。如果我删除了它，电子邮件就不会被发送……嗯，我是一个前端开发人员，所以我对这个php问题不太了解。我建议发布另一个带有php标记的问题，以便我们的php同事可以查看它。