Drag & Drop jQuery přesun bloku pouze za určitou část
Napsal: pon 29. lis 2010, 22:25
Zdravím,
víte někdo, jak upravit DnD v jQuery tak, aby bloky šli přesouvat pouze tehdy, mám-li kurzor nad určitým blokem uvnitř bloku k přesunutí?
Konkrétně: Použiji-li zdroj níže, lze s blokem "category" přesouvat při uchopení na libovolném místě. Výsledkem má být, že blokem půjde přesouvat poze v případe, že uchopím blok "category" v místě, kde je v něm obsažen blok "klika".
Jak toho docílit?
víte někdo, jak upravit DnD v jQuery tak, aby bloky šli přesouvat pouze tehdy, mám-li kurzor nad určitým blokem uvnitř bloku k přesunutí?
Konkrétně: Použiji-li zdroj níže, lze s blokem "category" přesouvat při uchopení na libovolném místě. Výsledkem má být, že blokem půjde přesouvat poze v případe, že uchopím blok "category" v místě, kde je v něm obsažen blok "klika".
Jak toho docílit?
Kód: Vybrat vše
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="jscripts/jquery.js"></script>
<script type="text/javascript" src="jscripts/jquery-ui.js"></script>
<style>
#categories { width: 500px; }
.category { width: 100%; height: 50px; border: 2px solid green; }
.klika { background: black;}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$(function() {
$("#categories").sortable({ opacity: 0.6, cursor: 'move' });
});
});
</script>
<div id="categories">
<div class="category">
<div class="klika">__</div>
<div class="name">Section 1</div>
</div>
<div class="category">
<div class="klika">__</div>
<div class="name">Section 2</div>
</div>
<div class="category">
<div class="klika">__</div>
<div class="name">Section 3</div>
</div>
</div>
</body>
</html>
