jquery ui draggable z-index issue -


below code binding table row draggable. dragged item appears below splitter (http://methvin.com/splitter/splitter.js) issue seems z-index. tried multiple ways set z-index of dragged item. not seem work. binddraganddrop method triggered mouse hovered on table. 1 point me might issue ?

function binddraganddrop(){ var table = $('table .datatable'); table.find('tr td.columnclass').bind('mousedown', function() { table.disableselection(); }).bind('mouseup', function() { table.enableselection(); }).draggable({ helper: function(event) { return $('<div div="dragdiv" class="drag-table-item"><table></table></div>').find('table').append($(event.target).closest('tr').clone()) .end().insertafter(table); }, cursorat: { left: -5, bottom: 5 }, cursor: 'move', distance: 10, delay: 100, scope: 'cart-item', revert: 'invalid' }); } 

i tried setting zindex multiple ways did not work. shown below appendto("body") resolved issue

 return $('<div class="drag-table-item"><table></table></div>').find('table').append($(event.target).closest('tr').clone()).end().insertafter(table).appendto("body"); 

Comments

Popular posts from this blog

javascript - backbone.js Collection.add() doesn't `construct` (`initialize`) an object -

php - Get uncommon values from two or more arrays -

Adding duplicate array rows in Php -