使用jquery.html更改fancybox中的內容（）

所以我有一個花哨的盒子裏有一個鏈接。使用jquery.html更改fancybox中的內容（）

的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重新加載？

2011-07-26 Msencenb

Woops ...所以我用一個id，但我不得不在多個領域是precitext DIV的頁面（多fancyboxes）改變這種對（「.precitext」）只是工作精細。我會留下這個問題，以便人們可以看到如何操縱內部的花式框 – Msencenb

對於fancybox的正常使用，鏈接必須指向div。在這種情況下可能沒有必要，但其值得一試

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

2011-07-26 18:20:16

嘗試使用.text代替.html。

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

2011-07-26 18:16:16 Ulmo

您應該使用實時事件，因爲JavaScript是動態插入到DOM中的。

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

希望這有助於

2012-09-04 11:12:49 gorgi93

回答