jQueryでsetCookieが正常に動作しない

現在、Webアプリケーションを作成しています。

「jquery.cookie.js」というライブラリを使用して、
クッキーの読み書きをしています。

$.setCookie()でCookieをセットする場合、

━━━━━━━━━━━━━━━━━━
$.setCookie("test1","example1");
$.setCookie("test2","example2");
$.setCookie("test3","example3");
location.href = "example.html";
━━━━━━━━━━━━━━━━━━

のように処理させると、
Cookieの値が正常にセットされません。

どうやらlocation.hrefをコメントアウトすると、
正常にCookieがセットされるようです。

Cookieの書き込みが処理される前に、
location.hrefが実行されるからかと思い、
「jdeferred」を使ってみましたが、
どうもうまくいく場合とうまくいかない場合があるようです。

━━━━━━━━━━━━━━━━━━
setCookie( "test1", "example1" ).then(function(){
setCookie( "test2", "example2" ).then(function(){
setCookie( "test3", "example3" ).then(function(){

        location.href = "example.html";

    }, function(e){  })
}, function(e){  })

}, function(e){ });

function setCookie( key, value ){
var d = new $.Deferred;

$.cookie( key, value, { expires: 365 });

d.resolve();
return d.promise();

}
━━━━━━━━━━━━━━━━━━

ちなみに無理やり3秒待機させてから
location.hrefを実行すると正常に動作していました。

━━━━━━━━━━━━━━━━━━
$.setCookie("test1","example1");
$.setCookie("test2","example2");
$.setCookie("test3","example3");

$(function(){
setTimeout(function(){
location.href = "example.html";
},3000);
});
━━━━━━━━━━━━━━━━━━

原因がよくつかめていないです。

無理やり3秒待機させてからページ遷移というのは、
よいやり方ではないですよね?
(現場でこういう無理やりな処理書いたりするんでしょうか)

原因と対策がわかる方おりましたら、
アドバイスしていただけますと幸いです。

よろしくお願いいたします。

追伸：
どうも3秒待機でもうまくいくわけではないようです。
何度か試しましたが、ダメでした。

追記：
修正依頼でいただいたsetCookieメソッドを記載します。

var Cookie = (function() {

var Cookie = function() { };
var p = Cookie.prototype;

p.setCookie = function( key, val ){
    $.cookie( key, val, { expires: 365 });  //有効期限1年間
};
p.getCookie = function( key ){
    return $.cookie( key );
};

return Cookie;

})();

Lhankor_Mhy

2015/11/30 01:51

「jquery.cookie.js」というライブラリはどこにありますか。ググったところここ( https://github.com/carhartl/jquery-cookie )にたどり着いたのですが、$.setCookie というメソッドがなさそうでした。独自に拡張をされているのでしたら、その部分のコードもご提示お願いします。

1nakaji

2015/11/30 03:22

ご回答ありがとうございます。ライブラリはそちらで間違いございません。 setCookieメソッドは申し訳ないです。自分で作ったのと混同しておりました。以下のようなメソッドです。 var Cookie = (function() { var Cookie = function() { }; var p = Cookie.prototype; p.setCookie = function( key, val ){ $.cookie( key, val, { expires: 365 }); //有効期限1年間 }; p.getCookie = function( key ){ return $.cookie( key ); }; return Cookie; })(); また色々調べていて分かったのですが、どうもプラットフォーム的な問題があるかもしれません。 Webアプリケーションと記載しましたが、実際はwebviewを使ったハイブリッドアプリになります。 WebViewへのCookie埋め込みは時間がかかるというあいまいな情報がネットにあったり、もしかするとそれにはまっている可能性もあるなと。 http://dagezi.hatenablog.com/entry/2014/05/22/150037 ハイブリッドアプリで使っているのは、以下のプラットッフォームです。 http://www.applican.com/ もし何かわかることがあれば、教えていただけますと幸いです。