1

我之前的脚本在调用时隐藏和显示某些 div，但我希望 cookie 记住要显示哪个，这样用户就不必不断单击每个页面上的链接，但到目前为止我未能获得 jquery.cookie插入与我的编码一起工作，任何帮助都会很棒。

工作单页：旧代码 jquery：

function language(chosenlanguage) {
 $('div[name|="lang"]').each(function(index) {
      if ($(this).attr("class") == chosenlanguage) {
           $(this).show(0);
      }
      else {
           $(this).hide(0);
      }
 });
}

旧代码 html（仅缩写为 href 和 div）：

<div class="language">
<a href="javascript:language('english');">english</a>
<a href="javascript:language('spanish');">spanish</a>
<a href="javascript:language('german');">german</a>
</div>
<div name="lang" class="english" style="display:block;">content</div>
<div name="lang" class="spanish" style="display:none;">content</div>
<div name="lang" class="german" style="display:none;">content</div>

我使用 jquery.cookie.js 插件的新代码如图所示，但它完全没有任何作用。

带有 cookie 脚本的 jquery：

$(document).ready(function() { 
if($.cookie("language")) {
    $('div[name|="lang"]').each(function(index) {
      if ($(this).attr("class") == $.cookie("language")) {
           $(this).show(0);
      }
      else {
           $(this).hide(0);
      }
 });
}
$(".language a").click(function() { 
    $('div[name|="lang"]').each(function(index) {
      if ($(this).attr("class") == $(".language a").attr("name")) {
           $(this).show(0);
      }
      else {
           $(this).hide(0);
      }
 });
$.cookie("language",$('.language a').attr('name'), {expires: 365, path:      '/'});
    return false;
});
});

html（缩写）：

<div class="language">
<a href="javascript:language('english');" name="english">english</a>
<a href="javascript:language('spanish');" name="spanish">spanish</a>
<a href="javascript:language('german');" name="german">german</a>
</div>
<div name="lang" class="english" style="display:block;">content</div>
<div name="lang" class="spanish" style="display:none;">content</div>
<div name="lang" class="german" style="display:none;">content</div>

所以我只是想知道我做错了什么？

4

1 回答 1

2 
$.cookie("language",$('.language a').attr('name'), {expires: 365, path:      '/'});
    return false;
});

总是将 cookie 的值设置为，english因为它总是返回第name一个<a />.languages

此外，您不应以这种方式将类与字符串进行比较：.attr('class') == lang，而应使用hasClass，例如：.hasClass(lang)

$(".language a").click(function() { 
    $('div[name|="lang"]').each(function(index) {
      if ($(this).attr("class") == $(".language a").attr("name")) {
           $(this).show(0);
      }
      else {
           $(this).hide(0);
      }
 });

应该看起来像：

$(".language a").click(function() { 
    var clicked = this;
    $('div[name|="lang"]').each(function(index) {
      if ($(this).hasClass($(clicked).attr("name"))) {
           $(this).show();
      }
      else {
           $(this).hide();
      }
    });
    $.cookie("language", $(clicked).attr('name'), {expires: 365, path: '/'});
});

请注意，在循环遍历 div 之前，我将单击的项目保存在变量中，您需要这样做才能引用单击的项目

于 2012-04-18T01:01:47.163 回答