0

次の Jquery ドラッグ/ドロップは、次の環境では機能しません。

Internet Explorer: 9 Safari: 5 以上 Chrome: 19 以上

Chrome と Safari では、ドロップが機能しません。ドラッグ可能なものをドロップすると元に戻りますが、カーソルに再び表示されます。ヒットを登録するには、ドロップ可能をクリックする必要があります。

IE 9 では、ドラッグが機能しません。動かない。

私がする必要があるのは、右側に在庫を持つことです。このインベントリはスライダーになります (簡単にするために削除しました)。アイテムをインベントリからドラッグすると元に戻り、その画像ソースをドロップの画像プレースホルダーに配置します。

 $(document).ready(function() {
    $('.circles').draggable({//The drag does not fire in IE9
        revert: "invalid",
        helper: "clone"

    });

    $('.circleTargetContainer').droppable({
        accept: '.circles',
        activeClass: 'ui-state-active',
         drop: function( event, ui ) {

             alert("HIT");//the hit does not register in Chrome and IE
                var popImage = $(ui.draggable).find('img').attr("src");
                //set placeholder to popImage
                var childImage = $(this).find('img');
                $(childImage).attr('src', popImage);


            }
    });


});
4

2 に答える 2

0

Safari 5.1.7 と Chrome 19 でデモをテストしましたが、問題なく動作します。IEだけではまったく機能しません。 HTML の有効性を確認すると 2 つのエラーが返さaltれました。画像に要素を追加して、それが機能するかどうかを確認してください。このエラーがなければ、互換モード(動作する場所) のように動作するはずです。

于 2012-06-04T21:16:50.973 に答える
0

IE9 で遊んでいる場合は、互換性の問題を確認し、さまざまな問題を試してみることをお勧めします。

ここに画像の説明を入力

IE9 互換表示では正常に動作することがわかるので、IE にデフォルトの表示ではなくこの表示を強制的にロードさせるだけで済みます。

Chrome 19に関しては、これが想定されていることでない限り、問題ありません

  1. 右側の 1 つの要素をクリックします
  2. ドロップゾーンにドラッグします
  3. クリックするのをやめる
  4. 選択した要素がドロップ ゾーンにくっつく

これを示すスクリーン キャストはここにあります。

于 2012-06-04T21:10:51.023 に答える