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例如。

希望這會有所幫助。