javascript - dom要素でfaceboxオブジェクトを動的にバインドする方法

Question

function test()
{
    //load some data through ajax call 
    html = '<a rel="facebox_edit" href="www.google.com">abc</a>';
    $('#id_fv').html(html);
}

jQuery(document).ready(function($) {
                $('a[rel*=facebox_edit]').facebox({
                    loadingImage : full_path+'images/loading.gif',
                    closeImage   : full_path+'images/closelabel.png'
                });
            });

ボディ ロードでは、関数 test() を呼び出します。リンクをクリックすると、facebox にロードするのではなく、直接 www.google.com ページに移動します。それを解決する方法?

Answer 1

このように書く..

function test()
{
    //load some data through ajax call 
    html = '<a rel="facebox_edit" href="www.google.com">abc</a>';
    $('#id_fv').html(html);
}

jQuery(document).ready(function($) {
                test();
                $('a[rel*=facebox_edit]').facebox({
                    loadingImage : full_path+'images/loading.gif',
                    closeImage   : full_path+'images/closelabel.png'
                });
            });