Kendo可排序问题

时间:2018-03-30 09:39:50

标签: javascript jquery kendo-ui kendo-sortable

在我的项目中,我使用kendo sortable来重新排序图像缩略图。它由缩略图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>

有谁知道如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

您需要kendoSortable $("#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"); } }); 配置才能使其正常运行。我会这样做:

{{1}}