1

我在 jquery 1.3.1（UI 版本 1.5.3）中的可放置效果遇到问题。据我所知，除了 drop() 函数没有被调用之外，一切都运行良好。我可以告诉可放置目标正在接受被拖动的元素（通过缩略图类），但可拖动项目不会下降。提前感谢您的帮助！

<html>
<head>
<script type="text/javascript" language="javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript" language="javascript" src="/jquery/jquery.ui.js"></script>
<script type="text/javascript" language="javascript">
//<!--
    $(document).ready(function() {
        $('.drop_box').droppable({
            accept: '.thumbnail',
            activeClass: 'droppable-active',
            hoverClass: 'droppable-hover',
            drop: function (ev, ui) { 
                alert("Dropped!"); 
            }
        });

        $('#sample_thumbnail').draggable({ 
            helper: 'clone'
        });
    });
//-->
</script>
<style type="text/css">
    .drop_box {
        top:16px;
        width:250px;
        height:250px;
        border:1px solid #000000;
        float: right;   
    }
    .droppable-hover {
        background-color: #eeeeee;
        border: 1px solid red;
    }
    .droppable-active {
        background-color: orange;
        color: white;
        border: 1px solid blue;
    }
    .thumbnail {
        width:100px; 
        height:100px;
        border:1px solid green;
    }
</style>
</head>
<body>
<div class="drop_box">droppable</div>
<div id="sample_thumbnail" class="thumbnail">draggable</div>
</body>
</html>
4

2 回答 2

2

“jquery 1.3.1（用户界面版本 1.5.3）”

您不应该使用这对版本。JQuery 1.3.x 与 UI 1.5.x 系列不兼容，需要 1.6 候选版本。如果您只需要拖放功能，则候选发布版本非常稳定；我根本不会担心在生产中使用它们。我只使用拖放，所以我无法评论 UI 的 1.6 分支其余部分的稳定性。

于 2009-02-07T01:30:58.490 回答
0

我在使用 jQuery 1.2.6 和 jQuery UI 1.5.3 的 Mac/Safari 或 Mac/Firefox 上的代码没有任何问题。我认为您的问题与不兼容的版本有关。

于 2009-02-07T01:35:09.650 回答