jquery.html（）を使用してfancybox内のコンテンツを変更する

Question

私はそこにリンク付きのファンシーボックスを持っています。

fancybox内容：

<a href="#" class="precilink">preci description</a> 
<div id="precitext"> 
    text changed by clicking preci 
</div> 

は、今私は、トップこのjqueryのを持っている：

$(".precilink").click(function(e){ 
     e.preventDefault(); 
     $('#precitext').html("hello"); 
    }); 

しかし、DOMにprecitext IDのHTMLが変更を取得しますが、何も、起こりません。 fancyboxにリロードする方法を教えてください。

Answer 1

ファンシーボックスの通常の使用の場合、リンクはdivを指している必要があります。この場合は必要ではないかもしれませんが、ショットの価値があります

<a href="#precitext" class="precilink">preci description</a> 

Answer 2

.htmlの代わりに.textを使用してください。

$(".precilink").click(function(e){ 
     e.preventDefault(); 
     $('#precitext').text("hello"); 
}); 

Answer 3

javascriptが動的にDOMに挿入されるため、ライブイベントを使用する必要があります。

$(".precilink").live('click', function(e){ 
    e.preventDefault(); 
    $('#precitext').html("hello"); 
}); 

ホープ、これは私はIDを使用していた...