L'isnt de jQuery UI afficher le contour de la sélection, pourquoi?

Question

Sur la page de démonstration sélectionnable jQuery UI: http://jqueryui.com/demos/selectable/# de défaut lorsque vous sélectionnez des éléments, vous pouvez voir le contour de la boîte de sélection. Comment se fait ceci ne semble quand je l'essayer?

Ce isnt mon violon, mais il a aussi le même problème: http://jsfiddle.net/jMDVm/40/

Answer 1

Il est parce qu'il manque la feuille de style jQuery UI, qui contient la classe pour le style de la boîte d'aide de sélection. Ajouter ce qui suit à votre CSS:

.ui-selectable-helper {
  position: absolute; 
  z-index: 100; 
  border: 1px dotted black; 
}

$(document).ready(function() {
  $("#selectable").selectable({
    selected: function(event, ui) {
      $('.status').text("Selected");
    },
    selecting: function(event, ui) {
      $('.status').text("Selecting");
    }
  });
});

#wrapper {
  width: 250px;
  height: 100px;
}

#selectable {
  background: black;
  width: 250px;
  height: 16px;
}

#selectable .ui-selecting {
  background: silver;
}

#selectable .ui-selected {
  background: gray;
}

#selectable div {
  background-color: #777;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js"></script>
<div id="wrapper">
  <div id="selectable">
    <div>Hello</div>
    <div>Select</div>
    <div>Me</div>
  </div>
</div>
<div class="status"></div>