小编And*_*rew的帖子

我使用数据表，并尝试进行过滤，问题是我想从复选框中选择我需要过滤的列。

因此，如果我选择一列，我会得到 4 或 5 列，但我选择了 1，我可以找到问题所在。[![在此处输入图像描述][1]][1]

正如你在图片上看到的，我只选择了一个Stantion 代码，但我有 5 列用于过滤，但我必须只有一列。

我的代码：[jsfinddle][2]

addSpliting('');

function addSpliting(val) {
  
  if(val != '') {
      
      $("#test1").DataTable({
        destroy: true,
        searchPanes: {
          layout: 'columns-4',
        },
        dom: 'Pfrtip',
        columnDefs: [{
          searchPanes: {
            show: true,
          },
          targets: val
        }]
      });
   }
   else {
      $("#test1").DataTable({
         destroy: true
      });
   }
}

function setFilters() {
  
  $("table thead tr th").each(function(index) {
    
    var boxes = `<label>
                <input type="checkbox" class="checkbox" id="${index}"/>
                ${$(this).text()}
                </label>`
    if ($(this).text() != "") $(".checkBoxes").append(boxes);
  });
}

setFilters();

$("#createFilter").on("click", function() …

我使用可拖动对象，并且我对最终目的地有问题，当我在Dropbox创建元素中按“添加项目”时，我想拖动此元素“最终目的地”框，由于某种原因，它不是放在框中而是放在外面，我认为问题是对于第一个“顶部，左侧”位置，当我放入新框时，我看到左侧和顶部位置没有改变，在放置位置更新后我可以工作，但对我来说这不好。

 $(document).ready(function () {
    $("#addBtn").click(function () {
        var $div = $("<div>", { "class": "alert alert-info draggable alwaysTop", text: "Say-Da-Tay!" }).draggable();

        $("#dropbox").prepend($div);
    });

    $(".droppable").droppable({
        accept: ".draggable", drop: function (event, ui) {
            var dropped = ui.draggable;
            var droppedOn = $(this);
            $(dropped).detach().appendTo(droppedOn);
        }
    });
   
});

$(dropped).detach().css({left: 0, top: 0}).appendTo(droppedOn);