Javascript 呼叫显示fancyBox

我已经有一段时间没有使用FancyBox了，在Javascript上也不是100%的速度

不过，我有一个图标，我想用它来显示一个花式方框中的div

这是我现在掌握的密码

</a><span style='font-size: 20px; color: darkgreen'><a href="#"><i id="toEmail" onclick="openEmailAddressList" class="fa fa-users sameRow margin10"></i><a/></span>

<div class="emailAddresses">

</div>

如果我将

#emailAddresses

更改为

#toEmail

，那么我会在花式方框中看到图标，但这不是我想要的

---

如果您想通过单击触发花式方框，请使用以下帮助：

$('#toEmail').click(function() {
    $('#emailAddresses').fancybox({
        openEffect: "none",
        closeEffect: "none",
        helpers: {
            title: {
                type: "outside"
            }
        }
    });
});

如果出于某种原因希望保持

onclick

内联，则需要在

openEmailAddressList

函数中初始化fancybox：

function openEmailAddressList() {
    $('#emailAddresses').fancybox({
        openEffect: "none",
        closeEffect: "none",
        helpers: {
            title: {
                type: "outside"
            }
        }
    });
}

---

我设法找到了我的老办法

我调用的javascript是

$(document).ready(function() {
$(".fancybox").fancybox({
    parent: "form:first" // jQuery selector
});

}))

现在获取它的链接是

<a href="#emailAddresses" class="fancybox"><span style='font-size: 20px; color: darkgreen'><i id="toEmail" class="fa fa-users sameRow margin10"></i></span></a>

目前div的编码是这样的，只是为了让一些东西弹出

<div class="emailAddresses" id="emailAddresses" style="display: none; padding: 5px;">
        <p>something</p>
</div>

某物

你从

开始，

#emailAddresses

元素在哪里？刚刚添加到问题中不知道坏消息是怎么进来的，但我现在已经改变了

<div class="emailAddresses" id="emailAddresses" style="display: none; padding: 5px;">
        <p>something</p>
</div>