单击按钮后可拖动的图像答案

【问题标题】：Draggable Images After Button Is Clicked单击按钮后可拖动的图像
【发布时间】：2015-08-30 22:12:20
【问题描述】：

我正在尝试制作仅在单击按钮后才出现的可拖动图像。我已经搜索了网络，但我没有看到问题是什么。这是代码

<script>
$(document).ready(function(){
    $("#button1").click(function(){
        $("#a").prepend('<img src="img.png">');
    });
});
</script>


<button id="button1">Image</button>
<br>
<p id="a">
</p>

【问题讨论】：

你想让图片只追加一次啊？？？
图片不应该出现多次
好的，看看 AmmarCSE 代码
@JamesPlen，如果你还有别的意思，请告诉我
我省略了部分代码

标签： jquery draggable

【解决方案1】：

$(document).ready(function() {
  $("#button1").click(function() {
    var img = $('<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRakbzvOx0lTpQmgbeBF3oG9GHq9kInQ4b2tMdnTMiwjQQOhlznNb6NgkA">');
    $("#a").prepend(img);
    img.draggable();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>


<button id="button1">Image</button>
<br>
<p id="a">
</p>

【讨论】：

@JamesPlen，如果您还有其他意思，请告诉我，以便我提供帮助。否则，您应该通过单击答案旁边的复选标记将 **an**（不必是我的）答案标记为已接受

【解决方案2】：

确保包含正确的脚本。

window.drag = function() {
  var clone = $('img:first').clone();
  clone.insertAfter('img:last');
  $('img').not('img:first').fadeIn(800);
  $('img').draggable();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<button onclick="drag()">Drag Pics</button>
<img height="50" width="50" style="display:none; position:absolute;" src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/85/Smiley.svg/600px-Smiley.svg.png" />

【讨论】：

好了，现在你可以制作一个完整的笑脸家族了！