jquery live - 启动一个fancybox iframe

Question

所以我有一个ajax表结果，它有标签链接，允许您编辑条目。

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

我想要做的就是在灯箱打开edit.php和发送ID，因此，它是AJAX我使用实况（）函数来启动灯箱/

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

希望这会有所帮助。