タイトルの通りです。
フェードアウトはなってくれるのですが、
フェードインがなりません。
遷移は問題なく、クラスmain-areaを付けた部分がスムーズに遷移してくれます。
$(document).on('click', 'body a:not([target*="blank"])', function(e) { e.preventDefault();//デフォルトのイベントをクリア var url = $(this).attr('href');//a要素のhref属性を取得 //まずは入れ替わる部分を透明に $(".main-area").animate({opacity:0}, "normal", function(){ $.pjax({//エフェクトが終わったらpjaxイベント url : url, container: '.main-area', //入れ替える場所 fragment : '.main-area', //入れ替える場所 timeout : 20000 }); }); }); //pjaxイベントが終わったらページ表示ANDタイトル書き変え $(document).on('pjax:end', function() {//.main-areaが透明になっているだけで遷移は完了しています。 $('title').text(this.title); $(".main-area").animate({opacity:1}, "normal"); });
※参考にしたサイト:http://somo-somo.net/archives/74/
いろいろ検証してみたのですが、
最後の3行の、下2行を消しても、消さない状態と変わりがありませんでした。
//pjaxイベントが終わったらページ表示ANDタイトル書き変え $(document).on('pjax:end', function() {//.main-areaが透明になっているだけで遷移は完了しています。 $('title').text(this.title); $(".main-area").animate({opacity:1}, "normal"); });
どなたか、pjaxに詳しい方おられませんか?
ご回答宜しくお願い致します。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/04/20 00:54
2018/04/20 00:58