jquery可拖动-一次只能拖动一个

拥有一系列

所以，如果用户拖动Image-B，然后将其放到div id=Image上，您希望Image-B不再被允许拖动吗？不完全是这样。有两个class=“promoImg”s-当其中一个被拖过id=“image”时，我希望另一个class=“promoImg”（未被拖过的）被禁用。谢谢
    $(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>