使用单个函数从多个链接打开模态弹出窗口

时间:2013-05-31 10:35:48

标签: jquery

我有一个jquery函数来打开模态弹出窗口。单击链接时,此功能正常。链接如下:

 <a href='' class='click' id = "myLink"><b>Click Here to See Popup! </b></a>

jquery函数的编写如下:

<script type='text/javascript'>
        $(function () {
            var overlay = $('<div id="overlay"></div>');         

            $('.click').click(function () {
                overlay.show();
                overlay.appendTo(document.body);
                $('.popup').show();
                return false;
            });
        });
</script>

我的要求是使用此功能从多个链接调用。因为我想使用链接的id。例如,在上面的代码中,我想在函数中使用“myLink”。如何将用于打开模态弹出窗口的每个链接的id传递给上面的jquery函数?感谢。

1 个答案:

答案 0 :(得分:0)

在功能范围this应该是link元素,因此您可以使用this.id$(this).attr('id')