Jquery live - запуск фреймворка fancybox

Question

Итак, у меня есть ajax-таблица результатов, в которой есть теги-ссылки, позволяющие редактировать записи.

В настоящее время ссылки выглядят так <a href="edit.php?id=$id">Edit Entry</a>

Что я хочу сделать, это открыть edit.php в лайтбоксе и отправить идентификатор, так как это ajax, я должен запустить лайтбокс с помощью функции live() /

$("a.edit").live('click',function () { 


//fancy box code goes here, open edit.php?id=$id


   });  

Спасибо

Answer 1

Сначала вы захотите добавить class="edit" к ссылкам, так что селектор jQuery может использовать его. После этого должен помочь следующий код. ev.preventDefault() запретит браузеру переходить по ссылке и позволит вам вместо этого использовать встроенный фреймворк fancybox.

$("a.edit").live("click",function(ev){
    ev.preventDefault();
    var id = this.href.match(/id=([0-9]*)/)[1];
    $.fancybox({
        href: "edit.php?id="+id,
        type: "iframe"
    })
});

Вы можете добавить любые настройки fancybox, которые вам нужны, я просто использовал 2, например.

Надеюсь это поможет.