使用jquery ui draggable
插件,我做了HTML文本框以这种方式拖动:
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("#Text1").draggable({
containment: "parent",
cancel: null
});
});
</script>
<form id="form1" runat="server">
<div>
<div id="dialog" title="Dialog Box" style="border: solid 1px black;">
<input id="Text1" type="text" style="width: 200px; height: 20px;" value="Text1" />
</div>
</div>
</form>
但是,如何使用jQuery以及使其可调整大小?
先感谢您。
戈兰
这里是DEMO ,使HTML文本框resizable
和draggable
使用jquery-ui
HTML:
<div id="container" class="ui-widget-content">
<h3 class="ui-widget-header">Containment</h3>
<span id="draggable">*
<input type="text "id="resizable" class="ui-state-active" value="This is input box">
</span>
</div>
JS:
$(function() {
$( "#resizable" ).resizable({
containment: "#container"
});
$( "#draggable" ).draggable({containment: "#container"});
});
通过使用jQuery UI
。
HTML文件
<input type="text" id="resizable" />
JavaScript文件引用的所有需要的jQuery文件脚本标记,即
<script src="*all needed .js files*"></script>
<script>
$(function() {
$( "#resizable" ).resizable();
});
</script>
通过为什么ü需要做文本框可调整大小的方式