如何使用 jquery 对同一元素执行多个操作
如何在单个元素上同时包含拖动和调整大小。
<head>
<style type="text/css">
#header { width: 200px; height: 100px; background: blue; }
</style>
<script>
$(document).ready(function() {
$("#header").draggable().resizable();
});
</script>
</head>
<body style="font-size:100%;font-weight:bold;font-style:times" >
<div id="header">
<label> Header <input type="text" value="headerBox" /> </label>
<input type="button" value="submit" id="headerSubmit" name="submit" />
<input type="reset" value="reset"/>
</div>
</body>
</html>
how do I include both drag and resize on a single element.
<head>
<style type="text/css">
#header { width: 200px; height: 100px; background: blue; }
</style>
<script>
$(document).ready(function() {
$("#header").draggable().resizable();
});
</script>
</head>
<body style="font-size:100%;font-weight:bold;font-style:times" >
<div id="header">
<label> Header <input type="text" value="headerBox" /> </label>
<input type="button" value="submit" id="headerSubmit" name="submit" />
<input type="reset" value="reset"/>
</div>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
可拖动和可调整大小都支持链接模式，因此您可以在一行中简化代码
，请参阅此处的演示... 演示
请参阅本教程以获取更多信息.....可拖动且可调整大小
both draggable and resizable supports chaining mode so you can simplify your code in one line
see demo here.... DEMO
refer this tutorial for more information .....Draggable and resizable
看看是否有效
see if it works