JQuery Colorbox проблема - PullRequest
Новая
       2

JQuery Colorbox проблема

0 голосов
/ 29 сентября 2010

Привет, друзья, я показываю некоторые данные через ajax на своей странице, когда ajax завершен, и я нажимаю на информацию о представлении, цветовой ящик не работает, но я показываю данные без ajax, и я нажимаю на ссылку colorbox, которая работает и открывается1001 *

, почему javascript не работает, когда данные поступают через ajax

спасибо 

$.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, и я нажимаю на кнопку просмотра.когда я поставил эту ссылку без AJAX, он работает нормально

Ответы [ 2 ]

2 голосов
/ 29 сентября 2010

Данные ajax, скорее всего, загружаются после подключения обработчиков событий .colorbox ().После завершения вызова ajax вам необходимо применить обработчики событий colorbox к загруженному новому элементу.

После завершения вы можете вызвать метод .colorbox () или проверить .Методы live () или .delegate ().

0 голосов
/ 24 января 2012

Попробуйте это: 

<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>
...