DROP事件未触发

时间:2011-09-16 21:42:00

标签: jquery jquery-ui

DROP事件未在第一个和最后一个位置触发

我正在使用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 个答案:

答案 0 :(得分:0)

这可能不是问题的答案。

实际上我移动了drop事件代码以停止Sorttable()的事件代码,并且我的需求在我的实际应用程序中得到了满足。谢谢大家。