Question

我使用了onClick函数，当我单击函数addClass时，切换事件会添加到函数中。一旦我激活切换和addClass然后刷新页面，addClass就会被删除，切换事件也会从头开始运行。如何避免在页面重新加载时删除类和切换功能？

    jqry("#wrap").delegate('img.favourite', 'click', function() { 
      var toggle = $(this).data("toggleFlag") || false;
      var check_fav = jqry(this).hasClass('switcher-active');
      var id = jqry(this).attr('pid');
      if (!toggle && !check_fav) {
        jqry(this).addClass('switcher-active');
        alert("test1");
      } else {
        jqry(this).removeClass('switcher-active');
        alert("test2");
      }
      $(this).data("toggleFlag", !toggle);
    });


    <img class="favourite"  src="images/fav.png" alt="favourite" >

上述代码无法正常运行。我正在addClass('switcher-active')处于有效状态，并在第一次点击时获得提醒test1，然后在第二次点击时提醒removeClass('switcher-active')并提醒test2。但是，当我在第一次点击后刷新页面，即在addClass('switcher-active')活动后，它必须继续removeClass('switcher-active')并提醒test2。但是在页面刷新addClass('switcher-active')处于非活动状态并且警告为test1。如何在页面刷新后获得test2和removeClass('switcher-active')。这怎么可能？

通过页面刷新保持切换并使用JQuery添加活动类

0 个答案: