Question

我要对该项目进行多项选择。一旦选择，cookie将记住它的id并重新调用它，而不用刷新。也能够限制选择。

html

<div class="seat">
  <div class="ui-state-default" id="A13"><p>A</p></div>
  <div class="ui-state-default" id="B13"><p>B</p></div>
  <div class="ui-state-default" id="C13"><p>C</p></div>
</div>

js

$(document).ready(function() {
  var index = Cookies.get('active');
  $('.seat').find('p').removeClass('active');
  $(".seat").find('p').eq(index).addClass('active');
  $('.seat').on('click', 'p', function(e) {
    e.preventDefault();
    $('.seat').find('p').removeClass('active');
    $(this).addClass('active');
    Cookies.set('active', $('.seat p').index(this));
  });
});

css

p.active {
  background: #ffcc00;
  border: 3px solid #333;
}

p {
  background: #ccc;
  display: inline-block;
  border-radius: 5px;
  margin: 5px;
  padding: 10px;
  float: left
}

小提琴：http://jsfiddle.net/k6r86/423/

Answer 1

以此更新您的JavaScript。它将在当前选择之间切换并选择多个值。

DynamicSelect

多次选择并限制Cookie项目的选择

1 个答案: