fancybox中的动态内容2

Question

我面临的问题是将点击元素的兄弟html加入到内容中并显示在fancybox中。

我的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();
});

Answer 1

将js更改为以下内容非常有效

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