javascript - 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>

更新1:

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

Answer 1

您需要将 javascript 函数分配给绑定(bind)处理程序的 onclick。

Live Demo

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

编辑

确保在将事件绑定(bind)到元素之前将元素添加到 DOM，您可以将脚本放在 body 的关闭标记之前。