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

时间:2011-01-28 05:52:57

标签: jquery jquery-ui-plugins

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

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

2 个答案:

答案 0 :(得分:2)

draggable和resizable都支持链接模式,因此您可以在一行中简化代码

$(document).ready(function() {

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

在此处查看演示.... DEMO
有关详细信息,请参阅本教程..... Draggable and resizable

答案 1 :(得分:1)

$(document).ready(function() {

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

 }); 

看看它是否有效