Question

我正在尝试创建一个只在单击按钮时才会出现的可拖动图像。我在网上搜索过，但我不知道问题所在。这是代码

{{1}}

Answer 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>

Answer 2

确保包含正确的脚本。

＆＃13;

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

＆＃13;

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

＆＃13;

单击按钮后可拖动的图像

2 个答案: