我正在创建一个可拖动的jquery对象,需要先将其拖动并移动(复制到主容器),然后单击打开作为带有更多选项的模态窗口。我无法在动态创建的对象上使用.click(),该对象被拖动(和复制)到主要的conatiner。如果在那里放置一个静态对象,JS会响应该点击。
主要内容。
<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选项。因此导致点击不可能!!!
答案 0 :(得分:0)
您可以在on('click'
上使用document
并定位到目标selector
。像这样:
$(document).on('click', '.gear', function () {
alert('clicked!');
});