可拖动的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插件)添加了删除选项。从而导致无法点击！

Answer 1

你可以在document上使用on('click'和目标想要的selector。如下所示：

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