0

以下 Jquery Drag/Drop 不起作用：

Internet Explorer：9 Safari：5+ Chrome：19+

在 Chrome 和 Safari 中，drop 不起作用。当我放下可拖动对象时，它会恢复原状，但随后会重新出现在光标上。我必须点击 droppable 才能注册命中。

在 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

在玩 IE9 时，检查您的兼容性问题并尝试不同的问题总是很好的。

在此处输入图像描述

你会发现在 IE9 Compatibility View 中，它可以正常工作，所以你只需要强制 IE 加载这个视图而不是默认视图。

关于 Chrome 19，我没有问题，除非这不是它应该做的

  1. 我单击右侧的一个元素
  2. 我将它拖到放置区
  3. 我停止点击
  4. 选择的元素粘在放置区

可以在此处找到显示此内容的屏幕截图。

于 2012-06-04T21:10:51.023 回答
0

我已经在 Safari 5.1.7 和 Chrome 19 上测试了你的演示，它运行良好。只有在 IE 中它根本不起作用。 检查 html 的有效性返回 2 个错误，只需尝试将alt元素添加到图像并检查它是否适用。如果没有这个错误，它应该像在兼容模式下一样工作（它工作的地方）。

于 2012-06-04T21:16:50.973 回答