在可拖动的div中编写Jquery
在可拖动的div中编写Jquery
提问于 2012-06-05 21:57:56
我使用的是Jquery UI库。我想给出的功能是在可拖动的div中单击一下就能写出文本。我希望当用户单击div时，光标应该出现，用户可以在里面写文本。
请在工作代码示例中建议解决方案。
以下是示例代码：
<script>
$(function() {
$( "#dv1" ).draggable();
});
</script>
<div id="dv1">
<p>Drag me around</p>
</div>回答 2
Stack Overflow用户
回答已采纳
发布于 2012-06-05 22:36:50
我在Jesse的解决方案的基础上进一步构建，当文本区域失去焦点时，将文本区域换回段落。这可确保在编辑其内容后可以拖动div。
看看the fiddle吧！
Stack Overflow用户
发布于 2012-06-05 22:13:31
您可以在可拖动容器中添加一个文本区域，并在单击时显示它：
http://jsfiddle.net/GwTt3/
<div id="dv1">
<p>Drag me around<textarea></textarea></p>
</div>
#dv1 p textarea{
display: none;
}
$("#dv1").draggable();
$('p').on('click', function(){
$(this).find('textarea').show();
});另一种选择是动态添加文本区域：
http://jsfiddle.net/ZrHHb/
$( "#dv1" ).draggable();
$('p').on('click', function(e) {
var replace = $(this);
var ele = $('<textarea>')
.val(replace.text())
.insertAfter(replace);
replace.hide();
});
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10898705
复制相关文章
相似问题
腾讯云开发者
