Edit in JSFiddle

$("#surukle").draggable({ grid: [ 180, 180 ] });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 
<div id="surukle"  >Sürükle</div>
#surukle{width: 70px; height: 70px; cursor:move; background:#069;}