Fancybox 2 s dynamickým obsahom json - jquery, json, fancybox

Snažím sa pridať dynamický obsah k aFancybox 2.0 vyskakuje, keď niekto klikne na tlačidlo. Skúšal som niekoľko vecí, ale nemôžem to dostať do práce. Vždy dostanem chybu "Požadovaný obsah sa nedá načítať".

Najprv chcem načítať obsah json po kliknutí na tlačidlo a potom otvoriť vyskakovacie okno s obsahom ...

AKTUALIZOVANÁ OTÁZKA, KEĎ BOLA DUPLIKOVANÁ

Čo mám:

HTML

<a href="#quick_cart" class="opener cart" id="productid_1234" data-fancybox-href=" url-to-product">Add to cart</a>

jQuery

$(document).ready(function() {

$(".opener").click(function(e){
e.preventDefault();

var url = $(this).data("fancybox-href") + "/?format=json";
console.log(url);

$.fancybox({
type: "inline",
beforeLoad: function (){
quick_cart(url);
}
});
});
});
function quick_cart(url){

$.getJSON(url, function (data){

$("#quick_cart").append("<div>" + data.product.title + "</div>");

});
}

Skript načíta správnu adresu URL pre obsah json a vyplní skrytú div #quick_cart. Problém je však, že sa mi vyskytla chyba "Požadovaný obsah sa nedá načítať." Nemôžem zistiť, prečo ...

Môže to byť, že "typ: inline" nie je správne? Snažil som sa niekoľko vecí a dokonca aj vymazal túto líniu, ale nie šťastie.Ak som odstrániť, že riadok sa nezobrazí.

Čo robím zle? Akákoľvek pomoc veľmi ocenila.

odpovede:

Ok po doslova vytiahol všetky moje vlasy na tomto. Takže pomôcť niekomu inému tu riešenie:

Kód nevie, kam umiestniť kód HTML vytvorený vo funkcii quick_cart. Z tohto dôvodu stačí jednoduchý atribút href pre kód fancybox. Ako:

$.fancybox({
type: "inline",
beforeLoad: function (){
quick_cart(url);
},
href: "quick_cart"
});

Dúfam, že to môže niekomu pomôcť;)