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 (UI バージョン 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 に答える