load() 之后的 JQuery 拖放 - 拖放工作正常但拖放损坏

Question

我有一个简单的 jquery 设置，涉及一些带有图像的 div 和一些需要拖到图像上的文本。如果我单独运行该页面，一切都很好。不幸的是，按照我设置的方式，这是一个 html 页面，由 jQuery load() 加载到父页面上的 div 中，当我这样做时，尽管拖动有效，但放置却无效。有什么想法吗？谢谢。

$(document).ready(function () {
    $('.draggable').live('mouseover', function() {
        $(this).draggable({start:
            function(){
               //identifies dragged item
            }
         })
     })
     $('.droppable').live('mouseover', function() {
         $(this).droppable({drop: 
             function(){
                //checks to see if it wants dragged item                
             }
          })
     })
});

编辑：

抱歉，如果我不清楚 - 我会尽力澄清：我有一个父页面，其中有一个 div，我使用 jQuery 加载函数加载其他页面。除了导航之外，该父页面基本上是空的。所有操作都在加载到其中的从属页面上进行。关于加载，没有什么奇怪的事情发生 - 页面都加载得很好 - 所以我可以自己查看加载的页面（直接在浏览器中打开它们），或者在它们加载到时查看它们父页面。这就是似乎有些奇怪的地方，阻力起作用但不下降。父页面的加载是通过以下方式完成的：

$('.unit-nav-links').bind('click', function() {
    var $sender = $(this);
    $('.content').fadeOut(200, function() {
        $('.content').load($sender.attr('href'), function () {
            $('.content').fadeIn(200, function() {
                currentIndex = parseInt($sender.attr('data-currentIndex'));
            });
        });
    });
    return false;
})

其中 content 是保存正在加载的页面的 div，href 是正在加载的页面的地址。

---

编辑：我已经找到了这个问题的解决方案，因此万一有人偶然发现这个问题，结果发现问题在于将

元素拖动到元素上。由于我无法开始猜测的原因，当通过 jQuery 加载调用页面时，这不起作用，尽管拖动

到

或到上是可以的，所以解决方案只是将图像包装在

标签中，而鲍勃是你的叔叔。至少我希望他是。

Answer 1

您的鼠标事件都是鼠标悬停。尝试将它们切换为 mousedown 来开始拖动，然后 mouseup 来结束拖动。