jQuery fancybox – diana específica del did #id en iframe

¿Es posible usar fancybox para cargar un div #id specifc desde otra página en lugar de cargar toda la página mediante un iframe?

Por ejemplo puedo usar

$('#link-whole').fancybox({ 'width' : '80%', 'height' : '80%', 'type' : 'iframe', }); 

con

 link 1 

para cargar todo el ‘https://stackoverflow.com/questions/3054673/jquery-fancybox-target-specific-div-id-in-iframe/somepage.html’ en el iframe pero, ¿cómo podría cargar JUST el contenido de un div con el id “target” (por ejemplo)?

Si la página está en el mismo dominio de la página en la que está abriendo el fancybox, entonces debería poder usar la opción dataFilter de jQuery.ajax para filtrar los datos devueltos al ID de destino que desee.

 $('#link-whole').fancybox({ 'width': '80%', 'height': '80%', 'type': 'ajax', 'ajax': { dataFilter: function(data) { return $(data).find('#yourTargetID')[0]; } } }); 

Si el método de búsqueda no funciona para usted, intente filter en la línea dentro del objeto dataFilter.

  return $(data).filter('#yourTargetID')[0]; 

Puede apuntar a la parte específica de la página usando beforeShow

  function opendialog(mypage) { var linktoopen=mypage ; $.fancybox({ 'autoScale': false, 'transitionIn': 'elastic', 'transitionOut': 'elastic', 'speedIn': 500, 'speedOut': 300, 'width' : 800, 'height' : 410, 'autoDimensions': false, 'centerOnScroll': true, 'scrolling' : 'no', 'type' : 'iframe', 'href' : linktoopen, beforeShow: function(){ $(".fancybox-iframe").css({ margin : "-380px 0 0", height:"790px" }); } }); }