fancybox 2 中的动态内容

Dynamic content in fancybox 2

我在将已单击元素的兄弟元素 html 放入内容中并显示在花式框中时遇到问题。

我的 html 是

<a href="#" class="no-republish">Republish</a>
<p class="no-republish-message">Please try again after few days.</p>

我的js是

$(".no-republish").click(function(e) {
    $.fancybox({
        type: 'inline',
        beforeShow: function () {
            this.href = $(this.element).next('.no-republish-message').html();
        },
    });
    e.preventDefault();
});

把js改成下面的就完美了

$(".no-republish").click(function(e) {
    var c = $(this).next('.no-republish-message').html();
    $.fancybox({
        content: c,
    });
    e.preventDefault();
});