ボタンをクリック/受け入れ/確認した後に再びモーダルを表示しない方法は？

Question

私はページにアクセスするために、確認/承認/クリック（ボタン：＃id_complete）する必要があることを示すブートストラップモーダルを持っています。ボタンをアクティブにするには、ユーザーは2つのチェックボックスをクリックする必要があります。目標は、＃id_completeボタンがまだセッション内でクリック/確認/承認されていない限り表示されるようにしたいのです。ボタンがクリック/確認/受け入れられた場合、モーダルは再び表示されません。クッキーは1日有効である必要があります。私はjquery-cookie-1.4.0を使用しています

以下の例は最初のサイト訪問時にのみ表示されていますが、これは目的ではありません。

<button id="id_complete" type="button" class="btn btn-default" data-dismiss="modal" disabled="disabled">I Accept!</button> 

if ($.cookie('pop') == null) { 
    $('#myModal').modal({ 
      backdrop: 'static' 
     }); 
    $.cookie('pop', '1'); 
} 

$('#accepted1,#accepted2').click(function() { 
    if ($('#accepted1:checked,#accepted2:checked').length == 2) 
     $('#id_complete').removeAttr('disabled'); 
    else 
     $('#id_complete').attr('disabled','disabled'); 
}); 

Answer 1

をやっているの作成されますが見つからない場合、現在の位置です。日がexpiresプロパティを持つオブジェクトを追加した後、クッキーの有効期限が切れるようにするに

はhidden.bs.modalまたはあなたが持っているブートストラップのバージョンに応じて、モーダルでhiddenイベントをリッスンし1

を設定し、クッキーを設定します：

// Bootstrap <2.3.2 
if($.cookie('pop') == null) { 
    $('#myModal').modal({ 
     backdrop: 'static' 
    }).on('hidden', function(){ 
     $.cookie('pop', '1', {expires: 1}); 
    }); 
} 
// Bootstrap 3 
if($.cookie('pop') == null) { 
    $('#myModal').modal({ 
     backdrop: 'static' 
    }).on('hidden.bs.modal', function(){ 
     $.cookie('pop', '1', {expires: 1}); 
    }); 
} 

はコメントで質問に答えるために：

は、それがページのセッションの後に期限切れにするためにあなたがwindow.sessionStorageのオブジェクトや店舗目を使用することができますモーダルが最後に受け入れられました：

var lastAccepted = parseInt(sessionStorage.lastAccepted); 
// If lastAccepted isn't a number (because it doesn't exist or some other reason) 
// or the last acceptance was more than a day ago 
if(isNaN(lastAccepted) || Date.now() - lastAccepted > 86400000) { 
    $('#myModal').modal({ 
     backdrop: 'static' 
    }).on('hidden.bs.modal', function(){ 
     sessionStorage.lastAccepted = Date.now(); 
    }); 
} 

Answer 2

クッキーを設定する行は、ボタンのクリックハンドラを動かす必要があります。それに

はクッキーが、それは関係なく、ユーザーがクッキーをすぐに設定されることを意味JavaScriptの実行を一時停止しませんモーダル関数を呼び出す