Jquery live - 启动fancybox iframe

Question

所以我有一个结果的ajax表，其中包含允许您编辑条目的标签链接。

目前，这些链接看起来像<a href="edit.php?id=$id">Edit Entry</a>

我想要做的是在灯箱中打开edit.php并发送id，因为它是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 iframe。

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

希望这有帮助。