为什么jQuery-UI可拖动不起作用
Why is jQuery-UI draggable not working?
我有以下代码,并试图允许一个点(img和div中的文本)在创建后可拖动。
<div id="container">
<img src="images/aoi.png" alt="" />
<div id="point_panel">
<form>
<fieldset id="point_container">
<img id="point" src="images/point.png" alt="" /><input id="point_name" type="text" />
</fieldset>
</form>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#point').click(function() {
var alt = $('#point_name').val();
$('#container').append('<div class="points"><img src="images/point.png" alt='"'+alt+''" />'+alt+'</div>');
});
$('.points').draggable({ containment: '#container', stack: '.points', opacity: 0.5, zIndex: 100 });
});
</script>
用户单击表单中的 img,将创建一个具有相同 img 和文本的新div。然后,该div 应该可以使用容器的 id 在div 中的任何位置拖动。
当我创建点时,它无法拖动。我的代码中缺少什么?
谢谢
试试这个:
$(document).ready(function() {
$('#point').click(function() {
var alt = $('#point_name').val();
var el = $('<div class="points"><img src="images/point.png" alt='"'+alt+''" />'+alt+'</div>');
$('#container').append(el);
$(el).draggable({ containment: '#container', stack: '.points', opacity: 0.5, zIndex: 100 });
});
});
$(document).ready(function() {
$('#point').click(function() {
var alt = $('#point_name').val();
$('#container').append('<div class="points"><img src="images/point.png" alt='"'+alt+''" />'+alt+'</div>');
//bind draggable to last inserted div
$('#container').find('.points:last').draggable({ containment: '#container', stack: '.points', opacity: 0.5, zIndex: 100 });
});
$('.points').draggable({ containment: '#container', stack: '.points', opacity: 0.5, zIndex: 100 });
});
相关文章:
- 为什么我的左拖动/滑块工作,但右拖动/滑块不起作用
- jquery对话框可拖动功能不起作用
- 可拖动或可调整大小的文本区域不起作用
- 拖动在InternetExplorer中不起作用
- Javascript 拖动事件不起作用
- Jquery UI:可拖动拖动事件不起作用
- 可拖动的 JQuery DIV 不起作用
- 为什么使用 JavaScript 拖动图像在 Firefox 中不起作用
- 可排序.js不起作用:列表项不可拖动
- 当它在IE中具有兄弟姐妹img时,拖动不起作用
- 为什么jQuery-UI可拖动不起作用
- jQuery UI 可拖动/可拖放不起作用
- 拖动的组件不起作用
- 删除裁剪后,图像可拖动选项不起作用
- jquery UI的可拖动性和可伸缩性不起作用
- 两个可拖动的单页不起作用
- JqueryUI调整大小&拖动不起作用
- 拖动事件不起作用-阻止拖放
- Fancybox缩放拖动不起作用
- dropEffect在将文件拖动到Firefox时不起作用