From 584d565d86e950b900ad15c2058930fe89eb4a2e Mon Sep 17 00:00:00 2001 From: bunny <1319900154@qq.com> Date: Wed, 31 Jan 2024 16:38:08 +0800 Subject: [PATCH] =?UTF-8?q?09=E9=80=9A=E8=BF=87=E8=87=AA=E5=AE=9A=E4=B9=89?= =?UTF-8?q?=E5=87=BD=E6=95=B0=E7=A6=81=E6=AD=A2=E6=8B=96=E5=8A=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 09通过自定义函数禁止拖动.html | 77 +++++++++++++++++++++++++++++++++++ temp.js | 6 ++- 2 files changed, 82 insertions(+), 1 deletion(-) create mode 100644 09通过自定义函数禁止拖动.html diff --git a/09通过自定义函数禁止拖动.html b/09通过自定义函数禁止拖动.html new file mode 100644 index 0000000..626d502 --- /dev/null +++ b/09通过自定义函数禁止拖动.html @@ -0,0 +1,77 @@ + + + + + + sortable.js filter属性自定义函数例子 + + + + + + +
+
+
filter属性自定义函数限制了 item 2 无法被拖动
+
+ item 1 +
+
+ item 2 +
+
+ item 3 +
+
+
+
+ + + + \ No newline at end of file diff --git a/temp.js b/temp.js index 56a7881..3b4876d 100644 --- a/temp.js +++ b/temp.js @@ -3,7 +3,11 @@ var ops1 = { animation: 1000, delay: 30, draggable: '.item', - filter: '.filter', + //被禁止拖动的元素,第二个元素不允许被拖动 + filter: function (evt, item) { + if (item.dataset.id == '2') return true; + return false; + }, //拖动结束 onEnd: function (evt) { console.log(evt);