Jquery UI，如果选中复选标记，则将draggable div拖放到droppable div中

Question

我有一个可拖动的div和一个可放置的div，当选中复选标记时我想将拖动器移动到droppable中。

也无法访问html。

尝试使用追加但这不适合我在这个地方需要。

//draggable id #r1, droppable id #td1
if($("#Q1v2_1").is(":checked")){
    drop: function(event, ui) {
}   

Answer 1

这看起来非常抽象。如果没有更完整的答案，我会建议以下内容。

//dragable id #r1, dropable id #td1
if($("#Q1v2_1").is(":checked")){
    $("#td1").on("drop", function(e, ui) {
    });
} 

否则，如果您在droppable init中执行此操作：

$("#td1").droppable({
  drop: function(e, ui){
    if(!$("#Q1v2_1").is(":checked")){
      // Is Not Checked
      return false;
    }
  }
});

这将首先检查复选框的状态，如果未选中，则阻止删除。