Wie kann ich ein bewegtes Bild mit JQuery ziehen?

Question

Hallo ich bin neu in JQuery oder Java eigentlich bin ich Neuling bei der Programmierung !!! Ich habe ein grundlegendes Tutorial von jQUERY gemacht und ein Spiel mit Jquery gemacht. Ich bin an einer Sache fest und auch nicht sicher, ob mein Code korrekt ist sowieso hier ist mein Code ..

var b = function($b, speed) { 
 
    var beeWidth = $b.width(); 
 

 
    $b.animate({ 
 
     "right": "90%", 
 
     "left": "90%" 
 
    }, speed, function() { 
 
     $b.animate({ 
 
      "left": 0 - beeWidth + "px" 
 
     }, speed, function() { 
 
      b($b, speed); 
 
     }); 
 
    }); 
 

 
}; 
 
$(function() { 
 
    b($("#b"), 5000); 
 
    b($("#bOne"), 4500); 
 
    b($("#bTwo"), 4000); 
 
    b($("#bThree"), 3500); 
 
    b($("#bfour"), 3000); 
 
    b($("#bfive"), 2500); 
 
    b($("#bsix"), 2000); 
 
    b($("#bseven"), 1500); 
 
});

body * { 
 
    display: block; 
 
} 
 
body { 
 
    background-image: url("..."); 
 
} 
 

 
img{ 
 
    width: 150px; 
 
    height: 75px; 
 
    position:relative; 
 
    display:inline-grid; 
 
}

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
 
<img id="b" src="http://www.clker.com/cliparts/s/o/o/A/x/F/bee-md.png"> 
 
<img id="bOne" src="http://www.clker.com/cliparts/s/o/o/A/x/F/bee-md.png"> 
 
<img id="bTwo" src="http://www.clker.com/cliparts/s/o/o/A/x/F/bee-md.png"> 
 
<img id="bThree" src="http://www.clker.com/cliparts/s/o/o/A/x/F/bee-md.png"> 
 
<img id="bfour" src="http://www.clker.com/cliparts/s/o/o/A/x/F/bee-md.png"> 
 
<img id="bfive" src="http://www.clker.com/cliparts/s/o/o/A/x/F/bee-md.png"> 
 
<img id="bsix" src="http://www.clker.com/cliparts/s/o/o/A/x/F/bee-md.png"> 
 
<img id="bseven" src="http://www.clker.com/cliparts/s/o/o/A/x/F/bee-md.png">

Answer 1

Ja, Sie können! Sie sollten einfach jQuery UI verwenden.

$(function(){ 
 
    $("#draggable").draggable(); 
 
});

#draggable{ 
 
    width: 100px; 
 
    height: 100px; 
 
    background: #000; 
 
    color: #FFF 
 
}

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 
<div id="draggable"> 
 
    I AM DRAGGABLE 
 
</div>