如何在laravel中管理不同刀片上的计数器？

Question

您好，我正在处理一个项目，我需要在会话中发送项目并添加限制，在会话中只能添加 4 个项目。 它在一个刀片上工作，但是当我移动到另一个刀片时，它不会在按钮上显示任何内容，例如会话中有多少项目以及当我尝试添加另一个项目时它将添加。

这是我的脚本

var increment = 0;
$(document).ready(function(){
    $(".compare").click(function(){
        increment++;
        document.getElementById('compare').innerHTML = "";
        document.getElementById('compare').innerHTML = "Compare (" +increment+")";
                if(increment == 4)
                {
                    var array =  document.getElementsByClassName('compare');
                    for (var i = 0 ; i < array.length ; i++)
                    {
                        array[i].setAttribute('disabled','');
                    }
                }

我只想从每个地方在会话中添加 4 个项目。 请发送任何解决方案。

Answer 1

尝试这个 ：

var increment = 1;
$(document).ready(function(){
  if(localStorage.getItem("compare") > 0){
    increment = localStorage.getItem("compare");
    document.getElementById('compare').innerHTML = "Compare (" +increment+")";
  } else {
    document.getElementById('compare').innerHTML = "";
  }
  $(".compare").click(function(){
    if(increment == 4)
    {
      var array =  document.getElementsByClassName('compare');
      for (var i = 0 ; i < array.length ; i++)
      {
          array[i].setAttribute('disabled','');
      }
    } else {
      increment++;
      localStorage.setItem("compare", increment);
      document.getElementById('compare').innerHTML = "Compare (" +increment+")";
    }
  }
}