UI SELECTABLE Запрет на выделение определенного объекта

@Eur93 · Регистрация: 16.09.2013

Author24 — интернет-сервис помощи студентам

Не могу понять, как создать запрет на определенный блок во время выделения, например, если я выделил ячейку с цифрой 2, то запретить тут же выделять ячейку с цифрой 3?

http://jsfiddle.net/mm86ynsw/5/

HTML5

<ol id="selectable">
  <li id="a1" class="ui-state-default abc">1</li>
    <li id="a2" class="ui-state-default abc">2</li><br/><br/><br/><br/><br/>
  <li id="a3" class="ui-state-default abc">3</li>
  <li id="a4"class="ui-state-default abcd">4</li>
</ol>

CSS

 #selectable .ui-selecting { background: #FECA40; }
  #selectable .ui-selected { background: #F39814; color: white; }
  #selectable { list-style-type: none;  width: 450px; }
  #selectable li { margin: 3px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; }

Javascript

1
2
3

 $(function() {
     $( "#selectable" ).selectable();
  });

artnazarov · 13.08.2014, 15:40

В selectable передаются обработчики событий selecting/selected, unselecting/unselected
Получится что-то вроде

Javascript

{
    selecting: function (event, ui) {
             if( $('#a3').hasClass('ui-selected')){
                  $('#a2').removeClass("ui-selected");
}

	13.08.2014, 15:40