Question

Teatarea / Textbox /任何不包括DIV可拖动和可调整大小的元素都不起作用。我做错了什么？

这是我的简单代码：

HTML

<input type="text" id="test"/>

JQUERY

$("#test").resizable();
$("#test").draggable({
            cancel: '',
            containment: "parent"
        });

以上陈述对我来说很合适。任何人都可以给我一些指示。

修改

DEMO

Answer 1

如果你能提供jsfiddle会很有帮助你也添加了上面的代码insode文档

$(function(){
  $("#test").resizable();
  $("#test").draggable({
            cancel: '',
            containment: "parent"
        });


});

Answer 2

Demo Fiddle

我认为这是你需要的东西。希望能帮助到你。看看小提琴。感谢名单。

HTML：

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

使用Javascript：

     $(function() {
        $( "#resizable" ).resizable({
           containment: "#container"
        });
        $( "#draggable" ).draggable({containment: "#container"});
    });

Textarea可拖动+可调整大小

2 个答案: