Question

嗨朋友我有我在我的页面上通过ajax显示一些数据当ajax完成时我点击查看信息颜色框不起作用但我显示没有ajax的数据我点击颜色框链接其工作和开放< / p>

当数据来自ajax

时javascript无效

感谢

$.ajax({
  url: "remote.php?act=ShowContacts&id="+id,
  cache: false,
  success: function(html){
    $("#displaycontacts").html(html);

  }
});

    $("#viewcontact").colorbox({width:"500px", height:"520px", iframe:true});

<a href="viewcontact.php?id=3" id="viewcontact" class="cboxElement">View Details</a>

当数据来自ajax并且我点击o视图详细信息颜色框不能正常工作但是当我把这个链接没有ajax时工作正常

Answer 1

在获取.colorbox（）事件处理程序之后，很可能会加载ajax数据。完成ajax调用后，您需要将colorbox事件处理程序应用于已加载的新元素。

完成后可以调用.colorbox（）方法，或者检查.live()或.delegate（）方法。

Answer 2

试试这个：

<script>
    $.ajax({
      url: "remote.php?act=ShowContacts&id="+id,
      cache: false,
      success: function(response){
        $("#displaycontacts").html(response);
      }
    });
    $("body").delegate("a[rel='lightbox']", "click", function (event) {
                        event.preventDefault();
                        $.colorbox({href: $(this).attr("href"),
                               width:"500px",
                               height:"520px",
                               iframe:true});
    });
</script>
<a href="viewcontact.php?id=3" rel='lightbox'>View Details</a>

jquery colorbox问题

2 个答案: