有没有人有使用 jQuery 使 html 输入文本框可拖动的经验?
我试图将文本框包装在 div 内,并使其可调整大小,但不可拖动。div 和文本框放置在标准的 jQuery UI 对话框中。实际上,我需要两者 - 对话框内的可拖动和可调整大小的 html 输入文本框。
代码如下:
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("#btnShow").click(function(e) {
$('#dialog').dialog("open");
});
$('#dialog').dialog({
title: "Sample dialog",
resizable: false,
autoOpen: false,
width: 400,
height: 300,
buttons: [{ text: "OK", click: function() { /* do something */ } },
{ text: "Cancel", click: function() { $(this).dialog("close") } }]
});
$('#divText1').draggable({
containment: "parent",
cursor: "move"
}).resizable({
containment: "parent",
handles: "e, w"
});
});
</script>
<input id="btnShow" type="button" value="Show" />
<div id="dialog" title="Dialog Box" style="border: solid 1px black; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 5x;">
<div id="divText1" style="width: 200px; height: 30px;">
<input type="text" style="width: 98%;" value="Hello world!" /><br /><br />
</div>
</div>
先感谢您。
戈兰