Jquery.cookie插件问题

Question

我已经研究了几个Q &作为和关于这个问题的文章，似乎我在这里犯了一个错误。我已将这些代码包含在$（document）.ready javascript中，并将其加载到index.html的末尾。使用的两个ID都正确地插入到HTML中，然后查看Jquery.cookies文档，我没有看到我忘记了什么。是否应该在我的HTML开头加载cookie功能？

HTML，其中的按钮切换到适当的语言HTML文件...

<div class="col-xs-12 col-sm-6 col-md-6"><br> 
     <h1>Comment aimeriez vous être servi?</h1><a href="fr.html"> 
      <div id="set_fr_button" class="btn btn-primary btn-lg text-center">En Français</div></a> 
     </div> 
     <div class="col-xs-12 col-sm-6 col-md-6"><br> 
     <h1>How would you liked to be served?</h1><a href="en.html"> 
      <div id="set_en_button" class="btn btn-primary btn-lg text-center">In English</div></a> 
     </div> 

JS文件，其中包括cookie的代码...

 $(function() { 

    var url = 'mannydesigns.co'; 
    var en_page = 'en.html'; 
    var fr_page = 'fr.html'; 

    if ($.cookie('default_page') != null) { 
     if (window.location.href != url + '/' + $.cookie('default_page')) { 
      window.location.href = url + '/' + $.cookie('default_page'); 
     } 
    } 

    $('#set_en_button').click(function() { 
     $.cookie('default_page', en_page, { expires: 999 }); 
    }); 

    $('#set_fr_button').click(function() { 
     $.cookie('default_page', fr_page, { expires: 999 }); 
    }); 

    }); 

Answer 1

好伙计什么工作对我来说是隔离此代码，最后加载它，当它的工作，我意识到，也代码被添加URL时，我已经在主页上，因此无法找到正确的HTML网页...使工作的最终代码如下（基本上是相同的，在我的if语句中移除该网址，没有e.preventdefault因为它是没有必要的）：

$(function() { 

var url = 'mannydesigns.co'; 
var en_page = 'en.html'; 
var fr_page = 'fr.html'; 

if ($.cookie('default_page') != null) { 
    if (window.location.href != '/' + $.cookie('default_page')) { 
     window.location.href = '/' + $.cookie('default_page'); 
    } 
} 

$('#set_en_button').click(function() { 
    $.cookie('default_page', en_page, { expires: 999 }); 
}); 

$('#set_fr_button').click(function() { 
    $.cookie('default_page', fr_page, { expires: 999 }); 
}); 

}）;

Answer 2

不知道你有什么问题，但我在代码中发现了一些问题。

首先，你不需要链接中的<div>。

<div class="col-xs-12 col-sm-6 col-md-6"><br> 
    <h1>Comment aimeriez vous être servi?</h1> 
    <a href="fr.html" id="set_fr_button" class="btn btn-primary btn-lg text-center">En Français</a> 
</div> 
<div class="col-xs-12 col-sm-6 col-md-6"><br> 
    <h1>How would you liked to be served?</h1> 
    <a href="en.html" id="set_en_button" class="btn btn-primary btn-lg text-center">In English</a> 
</div> 

其次，点击事件功能不会有任何效果，你应该使用e.preventDefault();防止加载新的页面设置之前的cookie。

$(function() { 
    var url = 'mannydesigns.co'; 
    var en_page = 'en.html'; 
    var fr_page = 'fr.html'; 

    if ($.cookie('default_page') != null) { 
     if (window.location.href != url + '/' + $.cookie('default_page')) { 
      window.location.href = url + '/' + $.cookie('default_page'); 
     } 
    } 

    $('#set_en_button').click(function (e) { 
     e.preventDefault(); 
     $.cookie('default_page', en_page, { expires: 999 }); 
     window.location.href = $(this).attr('href'); 
    }); 

    $('#set_fr_button').click(function (e) { 
     e.preventDefault(); 
     $.cookie('default_page', fr_page, { expires: 999 }); 
     window.location.href = $(this).attr('href'); 
    }); 
});