空投事件不触发
空投事件不触发
提问于 2011-09-16 21:41:59
拖放事件未在第一位置和最后位置触发
我使用的是一个UL，它的LI是可拖动的和可排序的。如果我将项目拖放到中间，那么drop事件就会触发，但是如果我拖到UL的第一个或最后一个位置，那么drop事件就不会触发。提前谢谢。
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<link rel="stylesheet" href="Styles/themes/base/jquery.ui.all.css">
<script src="Scripts/jquery-1.6.2.js"></script>
<script src="Scripts/ui/jquery.ui.core.js"></script>
<script src="Scripts/ui/jquery.ui.widget.js"></script>
<script src="Scripts/ui/jquery.ui.accordion.js"></script>
<script src="Scripts/ui/jquery.ui.mouse.js" type="text/javascript"></script>
<script src="Scripts/ui/jquery.ui.draggable.js" type="text/javascript"></script>
<script src="Scripts/ui/jquery.ui.droppable.js" type="text/javascript"></script>
<script src="Scripts/ui/jquery.ui.sortable.js" type="text/javascript"></script>
<link href="Styles/whereabouts.css" rel="stylesheet" type="text/css" />
<script src="js/demos.js" type="text/javascript"></script>
<style>
#draggable { width: 16em; padding: 0 1em; }
#draggable ul li { margin: 1em 0; padding: 0.5em 0; } * html #draggable ul li { height: 1%; }
#draggable ul li span.ui-icon { float: left; }
#draggable ul li span.count { font-weight: bold; }
</style>
<script>
$(function () {
$(".ui-state-default").draggable();
$(".ui-helper-reset").droppable({
drop: function (event, ui) {
alert('dropped');
}
}).sortable();
});
</script>
</head>
<body>
<ul class="ui-helper-reset">
<li id="event-start" class="ui-state-default"><span class="ui-icon ui-icon-play"> </span>"start" invoked <span class="count">0</span>x</li>
<li id="event-drag" class="ui-state-default"><span class="ui-icon ui-icon-arrow-4"></span>"drag" invoked <span class="count">0</span>x</li>
<li id="event-stop" class="ui-state-default"><span class="ui-icon ui-icon-stop">
</span>"stop" invoked <span class="count">0</span>x</li>
</ul>
</body>
</html>回答 1
Stack Overflow用户
回答已采纳
发布于 2011-09-19 14:40:37
这可能不是问题的答案。
实际上，我移动了我的drop事件代码来停止Sorttable()的事件代码，我的需求在我的实际应用程序中得到了满足。谢谢你们所有人。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7450669
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号