使用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

你应该使用直播活动，因为javascript动态插入DOM。

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

希望这有帮助

Answer 2

尝试使用.text而不是.html。

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

Answer 3

对于fancybox的正常使用，链接必须指向div。在这种情况下可能没有必要，但值得一试

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