Onclick JavaScript功能

Question

ther8.com当我点击它时，右上角有一个按钮Login，它会显示一个弹出框。

我需要创建一个类似的按钮并尝试以下方式

$( "#domylogin" ).click(function() {
    $( "#fancybox-overlay" ).show( "slow" );
});

以上情况不起作用。

此外，在Chrome检查器中，我尝试删除Login元素的div名称和类名，并尝试以下方式

<a href="#popup2">Login</a>并发现这仍然有效。我无法确定这是如何工作的。我需要在同一页面中创建另一个登录按钮，但不同的区域应显示相同的弹出窗口，但不显示。任何人都可以告诉我如何解决它？

我创建了一个<span id="domylogin">Login</span>，我想让它发挥作用。

我也尝试过但是这也没有用

<script type="text/javascript">
    function anotherlogin() {
        div = document.getElementById('fancybox-overlay');
        div.style.display = "block";
    }
    document.getElementById('domyligin').onclick
    {
        anotherlogin();
    }
</script>

UPDATE1：

我在想#fancybox-overlay及其内容是根据请求使用AJAX加载但我不太确定，任何人都可以打开www.ther8.com并点击顶部的登录按钮，看看弹出窗口是怎么回事正在展示。

Answer 1

您需要将javascript函数分配给onclick for binding handler。

<强> Live Demo

document.getElementById('domyligin').onclick = function()
{
    anotherlogin();
}

修改

确保在将事件绑定到DOM之前将元素添加到DOM中，您可以在关闭正文标记之前放置脚本。

Answer 2

你是否包含jQuery和fancybox库？

在您的帖子中，似乎使用了这些库。