Сообщение от Kasper007
|
нажимаю на блок .news (не отпускаю) и начинаю передвигать этот блок в сторону .prepod и грубо говоря когда протошу до середины блока .prepod эти блоки поменялись местами.
|
sortable?
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>resizable demo</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<style>
.news {
width: 50%;
height: 100px;
background: url(http://static.freepik.com/free-photo/alcohol--bubbles--beer-with-bubbles--yellow_349974.jpg);
background-size: cover;
float: left;
overflow: hidden;
border: #FFFF00 2px solid;
}
.prepod{ width: 49%;
height: 100px;
background: transparent;
overflow: hidden;
background: url(http://oboi.kards.qip.ru/images/wallpaper/06/62/25094_1280_800.jpg);
background-size: cover;
float: left;
border: #0000FF 2px solid;
}
</style>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
</head>
<body>
<div class="content">
<div class="news"><img src="http://img-fotki.yandex.ru/get/4103/annaze63.34/0_3115c_beb2e096_S" alt="" height="100"></div>
<div class="prepod"><img src="http://stat21.privet.ru/lr/0c1e75c69e35db581d7fa53ba2112a88" alt="" height="100"></div>
</div>
<script>
$(".content").sortable({ axis: "x" , opacity:0.5,tolerance:"pointer"}).disableSelection();
</script>
</body>
</html>