jquery - 为这个 wordpress 主题添加一个花式框

Question

我正在建立一个新的投资组合，你可以在这里看到。www.mikelucid.com

我的问题是因为标签中有其他 html，然后包括你实际点击的覆盖。这使得添加花哨的盒子变得不可能。

有高手愿意快速登顶吗？

我试图做这样的事情，但无法让它工作：/

$( document ).ready(function() {
    $("a.the_post").click(function(e) {
        var outerHTML = $("<div />").append($(this).find('.wp-post-image').clone()).html();
        console.log(outerHTML)
        $(this).fancybox({
            'content': outerHTML,
        });
        e.preventDefault();
    });
});

Answer 1

我不知道这是否能解决您的问题，但这段代码

$(this).fancybox({
    'content': outerHTML,
});

不会触发fancybox，它只会在您每次点击时将fancybox绑定到引用的元素a.the_post

尝试这样做

$.fancybox({
    'content': outerHTML,
});