jquery 拖曳 div 技術

在製作網站時,因某種需求要在
視窗特定範圍內可以拖曳,在某些範圍內不可

這邊做一個備忘錄

<!-- Javascript -->
<script>
$(function () {
        $("#drag").draggable({
                handle: "#handle"
        });
 
        $("#drag1").draggable({
                cancel: "#handle1"
        });
});
</script>
 
<!-- HTML -->
<div id="box" style="width:600px;height:200px;border:0px solid black;margin-bottom:5px">
    <div id="drag" class="drag">        
        <p id="handle">可拖曳</p>
        <p style="font-size:12px;">將滑鼠移到黃色區塊內即可拖曳此方框</p>
    </div>
   
        <div id="drag1" class="drag" style="cursor:pointer;">        
        <p id="handle1">不可拖曳</p>
        <p style="font-size:12px;">不在黃色區塊的範圍內都可拖曳此方框</p>
    </div>
</div>

參考文章 :
原文網頁連結