javascript - 灯箱不显示 Jquery

Question

我试图在我的 HTML 表格中选择一个链接时显示一个弹出窗口。

这是我的表格:

<table width="1150" border="0" cellspacing="0" cellpadding="0">
  <tr class="inner1-top">
    <td class="name">NAME</td>
    <td class="company">COMPANY</td>
    <td class="position">POSITION</td>
    <td class="mc">MC #</td>
    <td class="dot">DOT #</td>
  </tr>
  <tr class="inner2-top">
  </tr>
</table>

我使用以下 Javascript 填充该表:

$('.inner2-top').append('<tr><td class="name"><a href="#">'+ 
  object.get('username') + '</a></td><td class="company">' + 
  object.get('company') + '</td><td class="position">' + 
  object.get('position') + '</td><td class="mc">' + 
  object.get('mc') + '</td><td class="dot">' +
  object.get('dot') + '</td><td>');
})(jQuery);

我正在努力做到这一点，因此当单击名称时，我的弹出窗口将显示:

$(document).ready(function(){           
  $('.name1 a').click(function(e) {
    $('.popup1').lightbox_me({

    });

不幸的是，这不起作用。有什么想法吗？

Answer 1

为了使用 document.on 将 jQuery 事件绑定(bind)到动态添加的元素，使用您现有的结构，请尝试以下操作:

$(document).ready(function(){
    $(document).on('click', '.name a', (function(e) {
        e.preventDefault();//to prevent the browser from following the link or reloading the page
        $('.popup1').lightbox_me({
            //whatever other code is necessary for your lightbox
        });
)};

jQuery documentation