Chrome では動作するが FireFox では動作しない JS をいくつか持っています。
localhost
私は自分の開発マシンとその展開場所 (社内イントラネット)からテストしましたが、どちらの場合も同じ結果でした。
クロムでは、まさに私が期待することを行います。API から JSON オブジェクトを非同期的にキャッチし、ユーザーにスプラッシュします。
FF では、ユーザーをターゲット API URL に移動します。「非同期性」はありません。
FF もサポートするには、どのような微調整を行うことができますか?? (幸いなことに、私がコーディングする必要
があるのは FF と Chm の 2 つだけです)。
どんな助けでも大歓迎です。
var submit_map_url = 'blahblah'; // dynamically generated by PHP
$('#mapper_form').submit(function() {
event.preventDefault();
$.ajax({
type:'POST',
url: submit_map_url,
data:$('#mapper_form').serialize(),
success: function(response) {
var response = $.parseJSON(response);
if(response.status == 'failure'){
alert(response.message);
}else{
var doRedirect = true;
$('#splash').fadeIn(800, function() { // fade in
window.setTimeout ( function() { // start a timer for auto redirect
$('#splash').fadeOut(1000, function() { // fade out
if(doRedirect) window.location = redirect_target; // then redirect
}) }
, 4000); //
});
$('#splash').click(function(){ // on click
doRedirect = false; // cancel the redirect request
$(this).fadeOut(700,function() {}); // and fade out
});
$('#countdown').countdown({until: +5, format: 'S'});
} // end IF/ELSE
} // end success:
}); // ajax
return false;
});