jQuery UI Selectable：如何让行军蚂蚁风格的套索出现？答案

【问题标题】：jQuery UI Selectable : How to get marching ants style lasso to show up?jQuery UI Selectable：如何让行军蚂蚁风格的套索出现？
【发布时间】：2011-03-24 18:00:07
【问题描述】：

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

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

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

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

【问题讨论】：

标签： javascript jquery jquery-ui selectable

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

工作！无需导入整个样式表，我只需要这一行： .ui-selectable-helper { position: absolute; z 指数：100；边框：1px 点黑色； }

【解决方案3】：

如果您只是在寻找 ui-selectable-helper 类定义，您可以简单地导入可选择的 CSS。

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

【讨论】：

【解决方案4】：

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

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

【讨论】：