2010-12-08 3 views
1

ファンシーボックスに表示されるAJAXページの終了を停止するにはどうすればよいですか? jqueryの中fancyboxに表示されるAJAXページの終了を停止しますか?

<a href="sample.php?name=name1&feedback=feedback1" id="feedback">feedback</a> 

fancyboxコード...

$("#feedback").fancybox({ 

     'speedIn' : 600, 
     'speedOut' : 200, 
     'centerOnScroll': false, 
     'autoDimensions': true 
     'type'   : 'ajax', 
     }); 

をsample.phpページがfancyboxに表示されます。ユーザーがsample.phpのsubmitボタンをクリックするとファンシーボックスが閉じます。

あなたはこのオプションを追加することができます:

showCloseButton: false // this will hide the close button 
hideOnContentClick: false // this will not close fancybox when clicked inside 
hideOnOverlayClick: false // this will not closefancyvox when clicked outside 

あなたは私はあなたのように、コードを掲示していなかった私は推測することができます

+0

あなたの投稿にいくつかのコードを貼ってください – benhowdle89

+0

私のコードは上記です。回復するために助けてください... –

答えて

2

フィードバックフォーム(をsample.php)を提出した後閉じるの遅延を確認する必要があり$.fancybox.close

を呼び出すことにより、手動でも近いfancyboxあなたがホープAPI docs

でより多くのを確認することができ、その何を必要です。

UPDATE:フォームはあなたがAJAXをバインドすることができます「$.fancybox.close

を使用して、成功または失敗にAJAXと近いfancyboxでフォームを投稿する必要が提出した後

はfancybox手動で閉じることができるようにします次のようなフォームに:

$('#yourForm').bind('submit', function() { 
    $.ajax({ 
    url: 'yourpage.php', 
    success: function(data) { 
    if (data == 'Error') { alert('An error occurred')} 
    else { $.fancybox.close } 
    } 
}); 

});

jQuery docsをチェックして、ajax()関数の詳細を確認し、公式fancybox support groupで検索してください。

+0

sample.phpは別のページです。これはvia ajaxと呼ばれます。私は手動でそのページを閉じる必要があります。 –

+0

答えを更新しました。これは例を示すための非常に一般的なコードであることに注意してください。特定のニーズに合わせてコードを変更する必要があります。 – Jonathan

関連する問題