jQuery UI Selectable:如何让步行蚂蚁风格的套索出现?

wil*_*age 5 javascript jquery jquery-ui selectable

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

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

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

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

wil*_*age 9

成功了!谢谢@mattball!无需导入整个样式表,您只需要这个块:

.ui-selectable-helper{
  position:absolute;
  z-index:100;
  border:1px dotted black;
} 
Run Code Online (Sandbox Code Playgroud)


Mat*_*all 4

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

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css"> 
Run Code Online (Sandbox Code Playgroud)

  • 成功了!无需导入整个样式表,我只需要这一行: .ui-selectable-helper {position:absolute; z 索引:100;边框:1px 黑色虚线;} (4认同)