最近作成したクッキーを更新せずに削除することができません

Question

これは本当に私を困惑させてしまいました。

問題は、onclickイベントを使用してCookieを設定するときです。その後、ページをリロードせずに、クッキーを削除しようとすることは不可能です。しかし、ページをリロードしてから削除しようとすると、できます。ここで

は、私はクッキーを設定しています方法です：

$(".add-prod").one("click", function(){  
    var productParent = $(this).attr('data-parentstep'); 
    var productName  = $(this).attr('data-product'); 
    var productID  = $(this).attr('data-ajaxid'); 
    var productStep  = $(this).attr('data-productstep'); 
    Cookies.set('selectedProduct-'+productID,{'id':productID,'name':productName,'step':productStep,'parent':productParent,'thumbnail':productThumbnail},{expires:7,path:''}); 
}); 

今すぐクッキーを設定するだけで正常に動作します。

問題は、ページを再読み込みせずに削除しようとしたときに発生します。

$(".remove-this").on("click", function(){ 
    var unsetId = $(this).attr('data-removeid'); 
    Cookies.remove('selectedProduct-'+unsetId, { path: '' }); 
}); 

新たに追加したクッキーをクリックしても、それ自体は削除されません。 しかし、再ロードして ".remove-this"ボタンを再度クリックすると、クッキーが削除されます。

問題があると思っているのは、DOMが解析された後にクッキーが追加され、再解析されるまで本質的に見つからないということだけです。 しかし、私はそれをどうやってやるのか考えていません。

クッキーをDOMで作成した直後にクッキーを削除する方法については、何かアドバイスをいただければ幸いです。

Answer 1

私はそれを理解しました。解決策はかなり単純でした。

$(document).on("click", ".remove-this", function() { 
    var unsetId = $(this).attr('data-removeid'); 
    Cookies.remove('selectedProduct-'+unsetId, { path: '' }); 
}); 

私は本来の意図通りに.on（）関数を使用していませんでした。 私が使っていた方法は、DOMが解析された後に設定されたクッキーをチェックしていないということでした。