Вы хотите установить опцию revert: invalid для перетаскиваемого объекта, которая заставит его вернуться назад, если он упадет на что-либо, не помеченное как dropable, поэтому попробуйте:
$("#35").draggable({revert: "invalid"}));
$("myArticle").droppable( "option", "disabled", true );
$("#36").droppable( "option", "disabled", false );
Это означает, что вы сможете перетащить 35 на 36, но не на myarticle.
Ниже приводится полная страница HTML:
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script>
</head>
<body>
<script type="text/javascript">
$().ready(function() {
$("#35").draggable({revert: "invalid"});
$("#36").droppable({disabled: false });
});
</script>
<div id="34" style="width:100px; height:100px; background-color:red;">
</div>
<div id="35" style="width:100px; height:100px; background-color:yellow;" >
</div>
<div id="36" style="width:300px; height:300px; border:solid blue 1px;">
drop me here
</div>
</body>
Отображает 2 цветных блока (div). Вы можете перетащить желтый (ID 35) и бросить его только в квадрат с надписью «брось меня здесь». Если вы хотите уронить его куда-нибудь еще, вам нужно украсить эту область с помощью
Надеюсь, это поможет