JQuery加载()后拖放-拖放工作，但下降中断

Question

我有一个简单的jquery设置，涉及一些div与图像和一些需要拖到图像上的文本。如果我单独运行页面，一切都没问题。不幸的是，我有东西设置的方式，这是一个html页面，这是由jQuery加载()到父页面上的一个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

您的鼠标事件都是鼠标悬停。试着切换鼠标向下键开始拖动，鼠标向上键结束拖动。