jQuery UI Выбор: Как заставить лассо маршировать в стиле муравьев? - PullRequest
Новая
       34

jQuery UI Выбор: Как заставить лассо маршировать в стиле муравьев?

5 голосов
/ 24 марта 2011

Я только что начал внедрять некоторые jQuery UI совершенства в свое приложение и борюсь с довольно незначительной проблемой.У меня работает плагин для выбора, но у меня может получиться, что при перетаскивании для выбора нескольких элементов появляется поле «Лассо».

Пример работы на сайте пользовательского интерфейса jquery: http://jqueryui.com/demos/selectable/#default

Моя попытка: http://jsbin.com/amare5/2/edit

Используемый код является точной копией примера сайта пользовательского интерфейса jquery.Чего мне не хватает?

Ответы [ 4 ]

9 голосов
/ 24 марта 2011

РАБОТАЛ! Спасибо @mattball! Не импортируя всю таблицу стилей, вам нужен только этот кусок: 

.ui-selectable-helper{
  position:absolute;
  z-index:100;
  border:1px dotted black;
}
4 голосов
/ 24 марта 2011

Вам не хватает CSS-файла jQuery UI.Попробуйте это: http://jsbin.com/amare5/4. Я добавил это к <head>: 

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
1 голос
/ 06 сентября 2017

Если вы ищете только определение класса ui-selectable-helper, вы можете просто импортировать выбираемый CSS. 

<link rel="stylesheet" href="http://jqueryui.com/themes/base/selectable.css">
0 голосов
/ 31 августа 2013

Если вам нужно поместить селектор поверх диалоговых окон, определите это где-нибудь в вашей таблице стилей: 

.ui-selectable-helper{
    z-index: 101; /* 101 or more */
}
...