私は持っています:
- ファンシーボックスを表示する
<a href>
リンクと - 、
<form>
送信ボタンがajaxの成功をクリックしたときにページにメッセージを表示します。どちらも正常に動作します。
コードは以下のとおりです。
<script>
$(document).ready(function ()
{ //this fancybox appears when <a href="..." ...>...</a> clicked
$(".fancybox-effects-d").fancybox({
padding:15,
closeBtn:true,
});
$("form#submit").submit(function ()
{
var name = $('#name').attr('value');
var password = $('#password').attr('value');
$.ajax({
type:"POST",
url:"index/success",
data:{ name:name, password:password},
success:function ()
{
//this form disappears and div appears when submit button of the <form id="submit" ...>...</form> clicked
$('form#submit').hide(function ()
{
$('div#errors').fadeIn(3000);
});
}
});
return false;
});
});
</script>
そのファンシーボックスを移動して、ajaxの成功に表示したいと思います。どうすればいいですか?