jquery-ui.js 禁止拖拽

问题描述

根据需求，你需要禁止拖拽行为，并使用jquery-ui.js来实现。我将为你提供一个解决方案，以确保拖拽行为被禁用。

解决方案

要禁用jquery-ui.js中的拖拽功能，可以使用以下步骤：

首先，确保你已经在页面上引入了jquery-ui.js文件，如下所示：

<script src="jquery-ui.js"></script>

然后，在你需要禁用拖拽的元素上，添加一个类名，例如"no-drag"：

<div class="no-drag">这是一个禁用拖拽的元素</div>

最后，在JavaScript代码中，使用jquery-ui的draggable方法和cancel选项，将"no-drag"类名指定为取消拖拽的元素：

$(function() {
  $(".no-drag").draggable({
    cancel: ".no-drag"
  });
});

上述代码将有以下效果： 任何带有"no-drag"类名的元素将不再是可拖拽的。

总结

通过添加一个类名并使用jquery-ui的cancel选项，你可以轻松地禁用jquery-ui.js的拖拽功能。这种方法可以确保工作效果，并且非常简单易用。希望以上解决方案能够满足你的需求。