可拖动的jquery对象不响应动态创建的对象上的.click（）

Question

我正在创建一个可拖动的jquery对象，需要先将其拖动并移动（复制到主容器），然后单击打开作为带有更多选项的模态窗口。我无法在动态创建的对象上使用.click（），该对象被拖动（和复制）到主要的conatiner。如果在那里放置一个静态对象，JS会响应该点击。

主要内容。          

要添加的元素：

    TextGear     EmailGear     DateGear     CheckBoxGear     FileGear      buttonGear      WebGear      MobileGear         

<div id="sortable" class="col-md-4"><h3>Add Elements here</h3> 
      </div>
<div class="dropzone col-md-4">Drop Here To Remove!</div>

<script>
$('#sortable').dad().addDropzone('.dropzone',function(e){
e.remove(); //e is the jquery object for the dropped element
}); 
$(function(){
$( "#sortable" ).sortable({
revert: true,
helper:"clone"
});
$( ".draggable" ).draggable({
connectToSortable: "#sortable",
helper: "clone",
revert: "invalid"
});

$('.gear').click(function () {
alert('clicked!');
}); 
});
</script>

我正在使用DAD js删除对象。

编辑1：DAD.js（Jquery插件）正在添加drop remove选项。因此导致点击不可能!!!

Answer 1

您可以在on('click'上使用document并定位到目标selector。像这样：

$(document).on('click', '.gear', function () {
alert('clicked!');
});