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);

我试图这样做，当点击名称时，我的popover会显示：

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

    });

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

Answer 1

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

$(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

Lightbox没有显示Jquery

1 个答案: