开发者社区> 问答> 正文

jquery resizable(),新建元素后之前的元素无法伸缩的问题

<!doctype html>
 
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Resizable - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <style>
  #resizable { width: 150px; height: 150px; padding: 0.5em; }
  #resizable h3 { text-align: center; margin: 0; }
  </style>
  <script>
  $(function() {
    $( "#resizable" ).resizable();
  });
  document.ondblclick = createDiv;
  function createDiv(){
   document.getElementById("1").innerHTML += "<div>aaa</div>";
  }
  </script>
</head>
<body id = "1">
 
<div id="resizable" class="ui-widget-content">
  <h3 class="ui-widget-header">Resizable</h3>
</div>

</body>
</html>

用官网的例子改的,双击页面创建新的元素,然后创建完了之后本来可以调整大小的元素就不能调整大小了,求问怎么解决

展开
收起
a123456678 2016-07-08 15:02:27 1722 0
1 条回答
写回答
取消 提交回答
  • function createDiv(){
       var div = document.createElement("div");
       div.innerText="aaa";
       document.body.appendChild(div);
      }
    2019-07-17 19:53:27
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载