Question

我试图用localstorage和jq来禁用按钮（即使用户关闭或刷新浏览器），但我无法做到...... 我已设法创建一个永久收藏列表，但我想要的是禁用创建新收藏夹的选项。

这是我的代码：

<html>
<head>

<title>Marcadores</title>

<script src="js/jquery-1.11.3.js" type="text/javascript"></script>
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>



<script>
$(document).ready(function() {
  var $ul = $('#bookmarks');

  //get items from local storage
  if(localStorage.getItem('links')){
   $ul.html(localStorage.getItem('links'));
  }

  $('#cita01').click(function () {
    $('#bookmarks').append('<li><a href="#">Esta es la cita número 1</a><button class="eliminar01">remove</button></li>');
    localStorage.setItem('links', $ul.html());
    $("#cita01").attr('disabled', true);
  });


  //remove item
  $("#bookmarks").on('click','.eliminar01',function () {
      if (confirm("¿Estás seguro de eliminar este favorito?")) {
        $(this).parent().remove();
        //save changes to localstorage
        localStorage.setItem('links', $ul.html());

        $("#cita01").attr('disabled', false);
    }   
    return false;
  });
});
</script>


<style>
#cita01{
    width: 60px;
    height: 40px;
    background: green;
}

.eliminar01{
    width: 60px;
    height: 40px;
    background: red;
}

</style>

</head>

<body>

<div class="wrapp">

    <h1>Bookmarks</h1>
    <ul id="bookmarks"></ul>
    </div>

    <div id="grupo">
        <h1>Quotes</h1>

        <div class="quote">
            <p>L isjf sldzh valshlsah akuhcEbitat ut la soluptatem re sequae nis commodit re volori res atium aliquunt utas apediti qui tetus cus, consedi ctotatem quod es mollabo restibe rchiti ressit hiti officie nimolup.</p>
        <button id="cita01">Add</button>
        </div>

 </div>
</body>
</html>

我确信问题出在此处：$("#cita01").attr('disabled', false);

任何人都可以帮我解决这个问题？非常感谢你提前!!!

Answer 1

正如你猜测的那样，这是对的。改变以下内容：

REDIS_INLINE_MAX_SIZE

要：

$("#cita01").attr('disabled', false);

$("#cita01").removeAttr('disabled'); // or $("#cita01").prop('disabled', false);仅用于设置值。它仍设置.attr()，但浏览器会将其设置为已禁用。您必须使用新的disabled="false"并设置.prop()，否则您应该使用旧版false。

快速解决方法：将所有.removeAttr()替换为.attr()。

使用Localstorage＆amp; amp;禁用Mantain按钮jquery的

1 个答案: