剑道可分类问题

Question

在我的项目中，我正在使用可排序的剑道来重新排序我的图像缩略图。它由缩略图 div 类“col-md-6 up”过滤。一切都很好，除了我在 div 中有一个下拉列表，现在单击它时它不起作用。

这是我的代码：

 $("#ImageListView").kendoSortable({
        filter: ">div.col-md-6.up",
        cursor: "move",
        autoScroll: true,
        placeholder: function (element) {
            return element.clone().css("opacity", 0.1);
        },
        hint: function (element) {
            return element.clone().removeClass("k-state-selected");
        }
        });

这是我的缩略图 div：

div class="col-md-6 up">
<div>
<label class="docLabel" id="docLabe style="display:none;float:right;">Dropdown</label>
<select class="docSelect" id="docSelect" style="display:none;float:right;">
  <option value="A">A</option>
</select>
</div>

</div>

有人知道如何解决这个问题吗？

Answer 1

您需要kendoSortable 的ignore 配置才能使其工作。我会这样做：

$("#ImageListView").kendoSortable({
    filter: ">div.col-md-6.up",
    cursor: "move",
    autoScroll: true,
    ignore: "#docSelect",
    placeholder: function (element) {
        return element.clone().css("opacity", 0.1);
    },
    hint: function (element) {
        return element.clone().removeClass("k-state-selected");
    }
});