如何使用 jquery 对同一元素执行多个操作答案

【问题标题】：How to perform multiple actions on the same element using jquery如何使用 jquery 对同一元素执行多个操作
【发布时间】：2011-06-17 01:16:37
【问题描述】：

如何在单个元素上同时包含拖动和调整大小。

<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>

【问题讨论】：

尝试查看 jquery 多个选择器......虽然我不明白你的问题，如果你提供一些代码示例会很有帮助......
我有文本框和 2 个提交和重置按钮，我已将这些元素放在
标记下。我可以拖动它，但我不能调整大小。我已经添加了上面的代码，请查看并评论
你需要打包你的代码，查看常见问题。

标签： jquery jquery-ui-plugins

【解决方案1】：

可拖动和可调整大小都支持链接模式，因此您可以在一行中简化代码

$(document).ready(function() {

    $("#header").draggable().resizable();
 });

在这里查看演示......DEMO
有关更多信息，请参阅本教程.....Draggable and resizable

【讨论】：

不，我没有收到任何错误，但它只是无法正常工作。我可以拖动但不能调整大小。

【解决方案2】：

$(document).ready(function() {

 $("#header").draggable();
$("#header").resizable();

 });

看看有没有效果

【讨论】：