jQuery UI Selectable：如何显示行进蚂蚁风格的套索？

Question

我刚刚开始将一些 jquery UI 优点注入到我的应用程序中，并且正在努力解决一个相当小的问题。我有可选插件工作，但当拖动选择多个时，我似乎可以显示套索选框框。

jquery UI 网站上的工作示例： http://jqueryui.com/demos/ selectable/#default

我的尝试： http://jsbin.com /amare5/2/edit

使用的代码是 jquery UI 站点示例的精确副本。我缺少什么？

Answer 1

成功了！谢谢@mattball！无需导入整个样式表，您只需要这个块：

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

Answer 2

您缺少 jQuery UI CSS 文件。试试这个：http://jsbin.com/amare5/4。我将其添加到 中：

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css"> 

Answer 3

如果您只想查找 ui-selectable-helper 类定义，则只需导入可选择的 CSS 即可。

<link rel="stylesheet" href="http://jqueryui.com/themes/base/selectable.css">

Answer 4

如果您需要将选择器放在对话框窗口的顶部，请在样式表中的某个位置定义它：

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