Добавление fancybox в эту тему Wordpress

Question

Я создаю новое портфолио, вы можете увидеть здесь. www.mikelucid.com

Моя проблема возникает из-за того, что теги имеют другой html, а затем включают наложение, которое вы на самом деле нажимаете. Это сделало невозможным добавление фантазии.

Может ли какой-либо эксперт быть в курсе быстрого пика?

Я пытался сделать soething как это, но не смог получить его работы:/

$(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, 
}); 

Безразлично» t trigger fancybox, он привязывает fancybox только к указанному элементу каждый раз, когда вы нажимаете на a.the_post

Попробуйте сделать это вместо

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