.droppable 似乎没有触发任何东西？ jQuery + ASP答案

【问题标题】：.droppable doesn't seem to trigger anything? JQuery + ASP.droppable 似乎没有触发任何东西？ jQuery + ASP
【发布时间】：2009-05-24 04:39:39
【问题描述】：

在 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>

脚本的顶部允许拖放功能在部分回发后继续工作。

【问题讨论】：

标签： javascript jquery asp.net drag-and-drop

【解决方案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

【讨论】：

我更新了，好像是现状？每当我将某些东西放到标记为 .drop 的标签上时，它永远不会触发警报功能让我知道它注册了一个 drop。
就是这样！完美的！下次我会更仔细地关注开始和结束标签的位置与它们的数量。非常感谢您的帮助！！！

【解决方案2】：

您是否错过了 doReady() 函数末尾的 }？

【讨论】：

我不认为我做到了？我计算了打开 { 和关闭 } 的数量 - 它们似乎匹配。至于其余的开场白和闭幕词，我想我已经完全把自己从修改一堆现有的代码 sn-ps 弄糊涂了。开始和结束标签的概念对我来说有点新，因为我从来没有使用过 ;在 VB.net 中：D
啊，是的，我看到你在 $('.drag')... 行的末尾滑了一个 '}'。意味着 $('.drop')... 行不在 doReady() 中。