Opened 10 years ago

Closed 10 years ago

#8765 closed bug (notabug)

click and dblclick event cannot trigger when include jquery css file

Reported by: raymondlooyc Owned by:
Priority: minor Milestone: 1.10.0
Component: ui.selectable Version: 1.9.1
Keywords: Cc:
Blocked by: Blocking:


jquery ui selectable bug. click and dblclick event cannot trigger when include jquery css file

bellow is an example for this case

<!doctype html> <html lang="en"> <head>

<meta charset="utf-8" /> <title>jQuery UI Selectable - Default functionality</title> <!--

if add href="

double click action cannot trigger

--> <link rel="stylesheet" href="" /> <script src=""></script> <script src=""></script> <link rel="stylesheet" href="/resources/demos/style.css" />

<style> #feedback { font-size: 1.4em; } #selectable .ui-selecting { background: #FECA40; } #selectable .ui-selected { background: #F39814; color: white; } #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; } #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; } </style> <script> $(function() {

$( "#selectable" ).selectable();


$(document).ready(function(e) { $('#selectable li').dblclick(function() {



}); </script>

</head> <body> <ol id="selectable">

<li class="ui-widget-content">Item 1</li> <li class="ui-widget-content">Item 2</li> <li class="ui-widget-content">Item 3</li> <li class="ui-widget-content">Item 4</li> <li class="ui-widget-content">Item 5</li> <li class="ui-widget-content">Item 6</li> <li class="ui-widget-content">Item 7</li>

</ol> </body> </html>

Change History (2)

comment:1 Changed 10 years ago by raymondlooyc

Main Problem found

this line in the jquery-ui.css cauase the click and dblclick event cannot be trigger

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

comment:2 Changed 10 years ago by tj.vantoll

Resolution: notabug
Status: newclosed

By design you have to set the distance option ( in order for click and dblclick events to occur. Here's an example showing this - There's a relevant discussion on this here -

Note: See TracTickets for help on using tickets.