我有一个jQuery UI可排序列表.可排序项目还附加了单击事件.拖动项目后,有没有办法防止点击事件被触发？
$().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> A有一个大的div(地图)可以通过jQuery UI draggable拖动.div具有可点击的子div.
我的问题是,如果你拖动地图,在鼠标向上时,会在你开始拖动的任何子div上触发click事件.
如果拖动部分是拖动鼠标(如果只是点击没有拖动,而不是某人只需要点击事件,那么我如何阻止鼠标触发点击事件).
我正在使用jQuery UI Sortable插件,一切都按预期接受一个问题.完成拖动项目以重新排序列表(<A>标记列表)后,点击事件在完成删除后触发.
以前有人遇到过这个问题吗？如果是这样,你是如何解决它的？
我有一个可拖动<div>的click事件,没有任何拖动事件.
但是我拖动后<div>点击事件适用于<div>.
拖动后如何防止点击事件？
$(function(){
$('div').bind('click', function(){
$(this).toggleClass('orange');
});
$('div').draggable();
});