Как выполнить несколько действий на одном и том же элементе, используя jQuery

StackOverflow https://stackoverflow.com/questions/4825292

  •  26-10-2019
  •  | 
  •  

Вопрос

Как включить как перетаскивание, так и изменение размера в один элемент.

<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>
Это было полезно?

Решение

Как перетаскиваемые, так и смельку для поддержания режима цепочки, чтобы вы могли упростить свой код в одной строке

$(document).ready(function() {

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

Смотрите демо здесь .... Демо
Обратитесь к этому уроку для получения дополнительной информации .....Драггейный и изменяемый

Другие советы

$(document).ready(function() {

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

 });

Посмотрите, работает ли это

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top