jquery draggable - 一次只拖一个

Question

有一系列<img>，我可以让用户在<div>之上拖动。我想要做的是一次只允许移动一个图像，目前用户可以拖动用class="draggable"指定的所有图像。

当destroy()的位置发生变化时，我已经尝试了stop()和<img>，但却无法使其发挥作用。下面的代码，任何想法？

    $(function() {
    $( ".draggable" ).draggable({ containment: "#container" });
    });

        <div class="promo">
            <div class="promoImg"><img src="prod.png" border="0" class="draggable ui-widget-content"></div>
        </div>

    <div id="image"><!--DRAGGING <IMG> OVER THIS-->
            <img id="test" src="test.png" alt="Please select image" />
    </div>