設置cookie - jquery模式確認對話

Question

這jquery_modal_confirm_dialogue許多實驗後工作。 當我們的觀衆同意我們的使用條款，他們將被重定向到產品頁面products.html放在

我迫切需要設置一個cookie。 - 如果他們不同意，當他們試圖訪問products.html時，此 不可見並再次顯示模式對話框

您能否給我一個提示？ （jQuery的1.3.2.min.js）

這是我jqmodal.js

function confirm(msg,callback) { 
    $('#confirm') 
    .jqmShow() 
    .find('p.jqmConfirmMsg') 
     .html(msg) 
    .end() 
    .find(':submit:visible') 
     .click(function(){ 
     if(this.value == 'yes') 
      (typeof callback == 'string') ? 
      window.location.href = callback : 
      callback(); 
     $('#confirm').jqmHide(); 
     }); 
} 


$().ready(function() { 
    $('#confirm').jqm({overlay: 88, modal: true, trigger: false}); 

    // trigger a confirm whenever links of class alert are pressed. 
    $('a.confirm').click(function() { 
    confirm('About to visit: '+this.href+' !',this.href); 
    return false; 
    }); 
});// JavaScript Document 

這是我的index.html：

<a href="http://products.html/" class="confirm">Products</a> 

    <div class="jqmConfirm" id="confirm"> 

    <div id="ex3b" class="jqmConfirmWindow"> 
     <div class="jqmConfirmTitle clearfix"> 
      <h1>Terms of Use</h1> 
     </div> 

     <div class="jqmConfirmContent"> 
     <p class="jqmConfirmMsg"></p> 
      <p>Important legal information</p></div> 

     <input type="submit" value="Decline" /> 
     <input type="submit" value="Proceed" /> 
     </div> 
    </div> 

Answer 1

它的工作，最後！當cookie存在時，我錯過了回調，這些tic圍繞着cookie的價值。這是它的樣子。請讓我知道是否有一些明顯的錯誤。 （非常感謝您的支持）

function confirm(msg,callback) { 
    $('#confirm') 
    .jqmShow() 
    .find('p.jqmConfirmMsg') 
     .html(msg) 
    .end() 
    .find(':submit:visible') 
     .click(function(){ 
     if(this.value == 'Proceed'){ 
      $.cookie("agreed_to_terms", '1', { expires : 1, path: '/' }); //set cookie, expires in 365 days 
      (typeof callback == 'string') ? 
      window.location.href = callback : 
      callback(); 
     } 
     $('#confirm').jqmHide(); 
     }); 
} 


$().ready(function() { 
    $('#confirm').jqm({overlay: 88, modal: 'true', trigger: false}); 

    // trigger a confirm whenever links of class alert are pressed. 
    $('a.confirm').click(function() { 
    if ($.cookie('agreed_to_terms') == '1'){window.location.href = callback = 
      callback() 
     //they already have cookie set 
    }else{ 
     confirm('About to visit: '+this.href+' !',this.href); 
    } 
    return false; 
    }); 
});// JavaScript Document 

Answer 2

如果我理解正確你希望他們接受確認，並讓它設置一個cookie。然後他們下一次出現不會拖延合法的事情。

首先得到這個jQuery插件：

https://github.com/carhartl/jquery-cookie

它允許你做這樣的事情：

$.cookie("test", 1); 

所以，你會修改，像這樣的代碼：

function confirm(msg,callback) { 
    $('#confirm') 
    .jqmShow() 
    .find('p.jqmConfirmMsg') 
     .html(msg) 
    .end() 
    .find(':submit:visible') 
     .click(function(){ 
     if(this.value == 'yes'){ 
      $.cookie("didAccept", 1, { expires : 365 }); //set cookie, expires in 365 days 
      (typeof callback == 'string') ? 
      window.location.href = callback : 
      callback(); 
     } 
     $('#confirm').jqmHide(); 
     }); 
} 


$().ready(function() { 
    $('#confirm').jqm({overlay: 88, modal: true, trigger: false}); 

    // trigger a confirm whenever links of class alert are pressed. 
    $('a.confirm').click(function() { 
    if ($.cookie('the_cookie') == 1){ 
     //they already have cookie set 
    }else{ 
     confirm('About to visit: '+this.href+' !',this.href); 
    } 
    return false; 
    }); 
});// JavaScript Document