jquery - Jquery 中的 Droppable vs Clickable

Question

我们已经通过 jQuery 在某些图像上成功使用了拖放功能。下面是我们如何拥有droppable。

$('.t1 span.droppable').each(function(){
      $('.droppable').droppable({
    drop: function(event, ui) {
    //the drop function is done here.
}

现在我们正在尝试点击图片。首先我们这样做了它根本不起作用。

$('.t1 span img.clickable').each(function(){           
          $('.clickable').clickable({
            click: function(event, ui) {
             alert("TYEST");
             };
          });
});

接下来我们尝试了它，但如果有 20 张图像，它会发出 20 次警报。

$('.t1 span img.clickable').each(function(){        

    $('.clickable').click(function(){
                       alert("TEST");
           });

});

解决这个问题的最佳机制是什么？

Answer 1

$('.t1 span img.clickable').each(function(){        
    $('.clickable').click(function(){
                       alert("TEST");
           });
     return false;

});

添加一个 return false 并且应该修复它。