Question

我使用redips插件（http://www.redips.net/javascript/drag-and-drop-table-content/）进行拖放。它正在处理静态数据，但是当数据通过java动态生成时，拖放就会停止。我使用以下函数来获取拖放数据：

 droppedBefore: function() {}
            , finish: function() {}

插件是用纯javascript编写的，所以jquery不起作用，否则我们可以使用$(document).live来选择动态数据请提出建议，以便拖放也可以处理动态数据

Answer 1

每当更改拖动容器内的表格布局时，都需要调用 init（）或 initTables（）方法。请参见example0，其中新表动态地附加了jQuery。

http://www.redips.net/my/preview/REDIPS_drag/example00/index2.html

...这里是script.js文件中使用的JavaScript代码：

// new table using AJAX/jQuery to the drag container 
redips.load_table = function (button) {
    // parameter (example for ajax request)
    var id = 1;
    // disable button (it can be clicked only once)
    button.style.backgroundColor = '#c0c0c0';
    button.disabled = true;
    // AJAX request
    $.ajax({
        type: 'get',
        url: 'ajax.php',
        data: 'id=' + id,
        cache: false,
        success: function (result) {
            // load new table
            $('#load_content').html(result);
            // rescan tables
            REDIPS.drag.initTables();
        }
    });
};

Answer 2

在表格中发布请求更改后再调用

REDIPS.drag.init（）;

 $.ajax({
            type: "post",
            url: "/recipe/sliderData",
            dataType: "json",
            data: dataForSlider,
            success: function (data) { 
             //table change 

              REDIPS.drag.init();// 
            },
            error: function (data) {
              alert("Error")
            }
          });

拖放不处理动态数据

2 个答案: