Aquí adjunto el código html y la página subida a un servidor(es más facil de entender mi problema visitando la página) :
http://ovejo.site40.net/probando!/probando3.html
Código HTML:
<script type="text/javascript"> $(function() { $( ".ui-selectable" ).selectable({ options:{ autoRefresh: true, distance: 40, disabled:true, filter: '*',[/HIGHLIGHT] tolerance: 'touch' }, stop: function() { var result = $( "#select-result" ).empty(); $( ".ui-selected", this ).each(function() { var index = $( ".selectablecls li" ).index( this ); result.append( " #" + ( index + 1 ) ); }); } }); }); </script> <script type="text/javascript"> $("li").mouseup(function(event){ alert("Fecha de checkout " + $(this).text()); $('#selectable>li').removeClass('ui-selected'); shadowbox(); }); </script>
Código HTML:
<ol id="selectable" class="ui-selectable selectablecls"><li class="null ui-state-default ui-selectee grdborder _a" style="width:28px" id="2011_11_07_9700000000000005_9700000000000001_a" rel="1" title="" width="28px"></li> <li class="null ui-state-default ui-selectee grdborder _b" style="width:28px" id="2011_11_07_9700000000000005_9700000000000001_b" rel="2" title="" width="28px"></li> ....