Question

我需要把jquery-cookie用于函数showHide（shID）有谁知道怎么做？我有一个onclick按钮来显示更多内容，使用函数showHide（shID）但我只需要隐藏一次。那么可以为它添加jquery-cookie吗？我该怎么做？ [https://github.com/carhartl/jquery-cookie#readme][1]

这里是我的代码：function showHide（shID）

<script language="javascript" type="text/javascript">
function showHide(shID) {
   if (document.getElementById(shID)) {
      if (document.getElementById(shID+'-show').style.display != 'none') {
         document.getElementById(shID+'-show').style.display = 'none';
         document.getElementById(shID).style.display = 'block';
      }
      else {
         document.getElementById(shID+'-show').style.display = 'inline';
         document.getElementById(shID).style.display = 'none';
      }
   }
}
</script>

拜托，我需要有人来指导我或让我知道如何做到这一点。谢谢！

Answer 1

是的，可以使用cookie来使用cookie，你必须包含cookie文件和jquery文件。我举个例子。

if($.cookie("example")=='1') {
    //get cookie and your hide code here.
} else {
    //set cookie
    $.cookie("example", "1");
}

Answer 2

这是一个答案，由Ionica Bizau解决https://stackoverflow.com/users/1420197/ionic%C4%83-biz%C4%83u

function showHide(setCookie) {
    var shID = $(this).data("showhide")
      , $shEl = $("#" + shID)
      , $showHide = $("#" + shID + '-show')
      ;

    if ($shEl.is(":hidden")) {
        if (setCookie !== false) {
            jQuery.cookie("showhide-" + shID, 1);
        }
        $showHide.hide();
        $shEl.show();
    } else {
        if (setCookie !== false) {
            jQuery.cookie("showhide-" + shID, 0);
        }
        $showHide.show();
        $shEl.hide();
    }
}

jQuery(document).ready(function () {
    $("#example-show").on("click", showHide);
    if (jQuery.cookie("showhide-" + "example") == '1') {
        showHide.call($("#example-show").get(0), false);
    }
});

JQuery Cookie not function

使用jquery-cookie函数showHide（shID）

2 个答案: