拖放錯誤

更新：發現此故障單的故障http://bugs.jqueryui.com/ticket/5718。我嘗試的位置：絕對，但它打破了HTML上的數據拖放錯誤

我已經實現拖放在我的應用程序來排序數據。拖動數據時，必須與其他數據對齊。但是在下面的圖片中。

enter image description here

注意的是，當我拖累了互聯網它會在上面。

拖動時必須與其他人對齊。如何解決這個問題？有沒有辦法讓數據必須在光標上，而不是在拖動時在頂部？

這裏是拖放代碼：

<script> 
    var addPositions = function() { 
     $('.dropenv, .dropcat').each(function() { 
      var position = 0; 
      $(this).children().each(function() { 
       $(this).data('position', position); 
       position++; 
      }); 
     }); 
    }; 

    $(document).ready(function() { 
     addPositions(); 

     $(".dropenv").sortable({ 
      connectWith: "tbody.env-data", 
      dropOnEmpty: true, 
      handle: '.env-handle', 
      start: function(event, ui) { 
       parentID = ui.item.parent().siblings('tr').attr('id'); 
      }, 
      stop: function(event, ui) { 
       datas = new Array(); 
       var i = 0; 

       ui.item.closest('tbody').children('tr').each(function() { 
        datas[i] = $(this).attr('id'); 
        i++; 
       }); 

       $.ajax({ 
        type: "POST", 
        data: { 
         'cat_id': parentID, 
         'env[]': datas, 
         'csrfmiddlewaretoken': '{{ csrf_token }}' 
        }, 
        url:"/envelopes/sort/", 
        contentType: "application/json;charset=utf-8", 
        dataType: "json", 
        success: function(data) { 
         notify('', data, { autoClose: true, delay: 1000 }); 
        }, 
        error: function(ts) { 
         notify('', ts.responseText, { autoClose: true, delay: 1000 }); 
        } 
       }); 
      } 
     }); 

     $(".dropcat").sortable({ 
      connectWith: "tbody.cat-data", 
      dropOnEmpty: true, 
      handle: '.cat-handle', 
      update: function(){ 
       datas = new Array(); 
       var i = 0; 

       $('.dropcat tr.masterList').each(function() { 
        datas[i] = $(this).attr('id'); 
        i++; 
       }); 

       $.ajax({ 
        type: "POST", 
        data: { 
         'cat[]': datas, 
         'csrfmiddlewaretoken': '{{ csrf_token }}' 
        }, 
        url:"/envelopes/categories/sort/", 
        contentType: "application/json;charset=utf-8", 
        dataType: "json", 
        success: function(data) { 
         notify('', data, { autoClose: true, delay: 1000 }); 
        }, 
        error: function(ts) { 
         notify('', ts.responseText, { autoClose: true, delay: 1000 }); 
        } 
       }); 
      } 
     }); 
    }); 
    </script>

來源

2013-03-15 catherine

你需要證明你的代碼。我們很少有足夠的心理來診斷問題而不看代碼。 – JJJ 2013-03-15 12:36:05

對不起，我忘了。 – catherine 2013-03-15 12:40:50

找到了答案：overflow:auto

<table class="simple-table responsive-table" style="overflow:auto">

來源

2013-03-15 13:46:47 catherine

回答

相關問題