$( "#surukle1" ).draggable({ axis: "y" });
$( "#surukle2" ).draggable({axis: "x" });
<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="surukle1" >Sürükle 1</div> <div id="surukle2" >Sürükle 2</div>
#surukle1,#surukle2{width: 70px; height: 70px;position:relative; }
#surukle1{cursor: n-resize; background:#099;}
#surukle2{cursor: e-resize; background:#069;}