代码之家 › 专栏 › 技术社区 › Some_Dude

在页面加载中插入可拖动div不工作

jquery

Some_Dude · 技术社区 · 7 年前

我试图动态地插入可拖动的div。目前我正在尝试插入页面加载。我稍后会把这个换成一个按钮。在页面加载中没有插入到我的容器中,我不明白为什么?

编辑:我固定了打印,因为别人指出,div被插入到页面,但div仍然不拖动,我不明白为什么?

//this makes elements with the draggable class draggable
 <script>
    $( function() {
      $( ".draggable" ).draggable();
    } );
//this inserts a draggable div on page load, will conert this to a button 
//call function later once i get inserting draggable divs working
    $(document).ready(function(){
        $('#Container').append($("<div class='draggable'> This should be draggable</div>"));
    });
    </script>
</head>
<body>
<!-- Putting divs inside this Container --->
    <div id="Container" style="border:solid; width:500px; height:500px;">
    </div>

1 回复 | 直到 7 年前

madalinivascu 7 年前

启动插件之后每个追加

$(document).ready(function(){
        $('#Container').append("<div class='draggable'> This should be draggable</div>");
        $(".draggable").draggable();
    });

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

5 月前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

6 月前

user28928120 · 如何在jquery中选择所有类?

6 月前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

6 月前