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
Post a Comment