jquery ui - cant seem to drag my draggables onto an empty sortable li -


i have list call #gallery in i've defined couple of li boxes.

e.g.

 <ul id="gallery">    <li style="display: list-item; ui-draggable">a</li>  </li> 

and box drop them ...

<div id="conditions-box" class="ui-droppable">           <ul class="gallery ui-helper-reset ui-sortable"></ul>     </div> 

with following js

$('#conditions-box > ul').sortable(); $("#gallery > li").draggable({    connecttosortable: '#conditions-box > ul',    helper: 'clone' }); 

when conditions box list empty see can drag boxes in dont "stick" when place existing li conditions box code work. dont want have this. if want play can see below. ideas ?

ref - http://jsfiddle.net/wmitchell/zcde7/2/

i think need set height conditions-box sortable. can use css like:

#conditions-box {   height: 40px; } 

Comments

Popular posts from this blog

android - Spacing between the stars of a rating bar? -

html - Instapaper-like algorithm -

c# - How to execute a particular part of code asynchronously in a class -