2010-12-15 3 views
1

は私がfancyboxでこれを表示したいfancybox - ajaxのコンテンツを表示しますか?

{ 
    title: 'My Title', 
    body: 'My Body' 
} 

ようになりますそれ

$('a').click(function(){ 
    $.ajax({ 
    url:  'ajax/test.php', 
    data: {id: 123, count: 456}, 
    success: function(data) { 
       //lightbox data 
      } 
    }); 
}); 

上のクリックイベントでアンカータグの応答を持っています。

私はどこにこのコンテンツの周囲にファンシーボックスを作成して表示しているのですか?

答えて

11

あなたはこれを試しましたか?

success: function(data) { 
    $.fancybox({ 
    'content' : '<h1>' + data.title + '</h1>' + data.body 
    }); 
} 
+0

これらのコードを使用してみましたが、ちょっとファンシーボックスを無効にしましたが、アンカーからHREFで特定されたページにロードされます。何らかの理由がありますか? – lilsizzo

+0

@lilsizzoこれについて質問を開いてみましたか?あなたがしていない場合は、私は使用しているコードを投稿することをお勧めします。 –

+0

@JarrettWidman残念ながら、それは私のために働いていませんでした。あなたは[これ](http://stackoverflow.com/questions/31351626/jquery-fancybox-with-ajax/31352383)を見てくださいありがとうございますか?前もって感謝します。 –