問題負荷

Question

私は、ユーザーがタグをクリックすると、外部のページからコンテンツをロードする必要があります。私はそうするjQueryのload()メソッドを使用してい

$('#anchortag').click(function() { 
    event.preventDefault(); 
    $('#recepient').hide(); 
    $('#recepient').load('otherpage.php', function(data) { 
     $.fancybox(data, {}); 
    }); 
}); 

が、私が望むすべてファンシーボックスは外部コンテンツで開きますが、コンテンツは#recepientとファンシーボックスに表示されます。私がしようとすると：$.load（ターゲットを指定せずに）、それは失敗します（fancyboxは表示されず、関数は動作しません..）。

ロードまたは別のjquery関数を使用して、ファンシーボックス内の外部コンテンツのみを開くことはできますか？

編集： このスクリプトはどのようにChromeでは動作しますが、FFまたはIEでは動作しませんか？

Answer 1

代わりに$.get(..)を使用してください。 load(..)は、ターゲットオブジェクトのinnerHTMLとしてコンテンツを配置し、あなたはそれを望んでいません。

Answer 2

私は同様のことを行っている ... ...それはあなたが何かなどを行うことができそうであるならばfancyboxは、div要素にそれにHTMLといくつかの場所を持って

テストしていない

$('#anchortag').click(function() { 
    event.preventDefault(); 
    $('#recepient').hide().empty(); 
    $.ajax({ 
     url:'path/to/html', 
     success:function(data){ 
      $('#recepient').html(data); 
      /* fire fancy box here ...*/ 
     }, 
     error:function(){ 
      alert('an error occurred') 
     } 
    }); 
}); 

    <div id="recepient" style="display:none"></div> 

を想定していますネイティブの[Jquery]ダイアログボックスで開きます。