Привет всем и счастливого Рождества,
Я создал несколько элементов li на веб-сайте новостей, как показано ниже:
<ul class="other">
<li id="eco">
//news feed
</li>
<li id="tech">
//news feed
</li>
<li id="art">
//news feed
</li>
<li id="opin">
//news feed
</li>
</ul>
CSS:
.other{
padding:0;
margin:0;
width:715px;
list-style:none;
font-family:tahoma;
margin-bottom:10px;
}
.other li{
text-align:right;
width:300px;
height:300px;
float:left;
margin-top:10px;
margin-left:20px;
padding:10px;
}
и я написал код jquery для перетаскивания этих элементов:
$(document).ready(function(){
$('#others li').draggable({
containment:'parent',
revert:'invalid',
opacity:'0.91',
cursor:'crosshair'
});
});
Как вы можете видеть (если вы уже программировали с помощью jquery), этот код перетаскивает элемент, а затем
возвращается в исходное положение при отпускании мыши (при изменении непрозрачности) ... ну, я просто хочу знать как поменять местами, когда перетаскиваемые элементы достигают позиции x и y второго элемента.
(примечание: элементы можно перетаскивать в направлениях x и y)
спасибо