Geek Answers Handbook

JQuery UI Selectable: How to get ants-style lasso march so that it appears?

I just started embedding some handy jQuery UI in my application and I am struggling with a pretty minor problem. I have a custom plugin, but I might think that the lasso marquee box appears when dragged to select multiple.

Working example on jquery user interface site: http://jqueryui.com/demos/selectable/#default

My attempt: http://jsbin.com/amare5/2/edit

The code used is an exact copy of the jquery UI site example. What am I missing?

+5
source share
4 answers

CSS jQuery UI. : http://jsbin.com/amare5/4. <head>:

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

! @mattball! :

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

If you need to move the selector over the dialogs, define this somewhere in the stylesheet:

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

If you are looking for a ui-selectable-helper class definition, you can simply import selectable CSS.

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

More articles:


All Articles