gpt4 book ai didi

javascript - jQuery UI Sortable——如何取消已拖动/排序的项目的点击事件?

转载 作者:IT王子 更新时间:2023-10-29 02:51:59 25 4
gpt4 key购买 nike

我有一个 jQuery UI Sortable列表。可排序的项目还附加了一个点击事件。有没有办法阻止我拖动项目后触发点击事件?

$().ready( function () { 
$('#my_sortable').sortable({
update: function() { console.log('update') },
delay: 30
});

$('#my_sortable li').click(function () {
console.log('click');
});

});
#my_sortable li {
border: 1px solid black;
display: block;
width: 100px;
height: 100px;
background-color: gray;
}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>

<ul id="my_sortable">
<li id="item_1">A</li>
<li id="item_2">B</li>
<li id="item_3">C</li>
</ul>

最佳答案

我遇到了同样的问题,因为我的可排序项目包含三个或四个可点击的项目(而且数量是可变的),动态绑定(bind)/解除绑定(bind)似乎不是一个真正的选择。然而,顺便说一句,我指定了

helper : 'clone'

选项,它在界面方面与原始 sortable 的行为相同,但显然不会在拖动的项目上触发点击事件,从而解决了问题。它和其他任何东西一样都是黑客,但至少它简短易行..

关于javascript - jQuery UI Sortable——如何取消已拖动/排序的项目的点击事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/947195/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com