cómo usar jquery .html () para el contenido de fancybox

mi archivo:

  {% include "submission-form.html" with section="photos" %} 
{% load thumbnail %} {% for story in objects %}
{% if story.image %} {% thumbnail story.image size crop="center" as full_im %} {{ story.title }} {% endthumbnail %} {% else %} {% if story.image_url %} {% thumbnail story.image_url size crop="center" as full_im %} {{ story.title }} {% endthumbnail %} {% endif %} {% endif %}
$(document).ready(function(){ $(".image a").click(function(){ alert($(this).parent().html()); }); $(".image a").fancybox({ title: $(this).attr("alt"), content: $(this).parent().html() }); });

El problema es que fancybox está cargando htf del href del ancla, no el html que paso por el contenido, que alerta adecuadamente.

¿que pasa?

Lamentablemente, no puede usar $(this) dentro de la función fancybox (v1.3.x) (es un problema de diseño), pero dentro de cualquier otro método jQuery, intente esto

 $(document).ready(function(){ $(".image a").bind("click",function (){ var data = $(this).parent().html(); var dataTitle = $(this).attr("alt"); function newTitle(){return ""+dataTitle+"";} $.fancybox(data,{ "titlePosition": "inside", "titleFormat": newTitle }); // fancybox return false; }); // bind }); //ready 

Creo que este funcionará:

  $(".image a").click(function (){ $.fancybox($(this).parent().html(),{ title: $(this).attr("alt") }); });