Question

在stackoverflow社区的帮助下，我已经完全使用JQuery进行拖动了。现在，我已经分配了.drop类（并使其成为.droppable），但每当我将.draggable放到.droppable上时......没有任何反应！ javascript中是否有错误？

<script type="text/javascript">  
  $(document).ready(function() {  
doReady();  

var prm = Sys.WebForms.PageRequestManager.getInstance();  
prm.add_endRequest(function(s, e) {  
    doReady();  
});  
});  

function doReady() {
$('.drag').draggable({ revert: true,helper: 'clone' });}
$('.drop').droppable({ 
tolerance: touch,
drop: function() { alert('dropped'); }
});
</script>

脚本的顶部允许拖动和放大。在部分回发后放弃继续工作。

Answer 1

这里应该是一个字符串

tolerance: "touch",

我格式化你的代码

  $(document).ready(function() {  

     doReady();  

     var prm = Sys.WebForms.PageRequestManager.getInstance();  
     prm.add_endRequest(function(s, e) {  
         doReady();  
     });  

  }); // End of document ready

  function doReady() {

    $('.drag').draggable({ revert: true,helper: 'clone' });

  } // End of do ready

  $('.drop').droppable({ 
     tolerance: "touch", // Here should be a string
     drop: function() { alert('dropped'); }
  });

你能看到$（'。drop'）不在doReady函数中。

固定。

function doReady() {

   $('.drag').draggable({ revert: true,helper: 'clone' });
   $('.drop').droppable({ 
      tolerance: "touch", // Here should be a string
      drop: function() { alert('dropped'); }
   });

 } // End of do ready

Answer 2

你在doReady（）函数的末尾错过了吗？

.droppable似乎没有触发任何东西？ JQuery + ASP

2 个答案: