首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jquery拖放问题: drop()函数从不调用

jquery拖放问题: drop()函数从不调用
EN

Stack Overflow用户
提问于 2009-02-07 01:02:44
回答 2查看 2.8K关注 0票数 1

我在jquery 1.3.1 (UI版本1.5.3)中的droppable效果遇到了问题。据我所知,除了drop()函数没有被调用之外,一切都运行得很好。我可以断定droppable目标正在接受被拖动的元素(通过Thumbille类),但是draggable项不会被删除。提前感谢您的帮助!

代码语言:javascript
复制
<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>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2009-02-07 01:30:58

"jquery 1.3.1 (UI版本1.5.3)“

您不应该使用这对版本。JQuery 1.3.x与UI 1.5.x系列不兼容,需要1.6候选版本。如果你只是想要拖放功能,那么发布候选版本是非常稳定的;如果在生产中使用它们,我一点也不担心。我只使用拖放,所以我不能评论UI 1.6分支的其余部分的稳定性。

票数 2
EN

Stack Overflow用户

发布于 2009-02-07 01:35:10

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/522846

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档