如果想在本地 练习，可以在jQuery官网下载插件

慕课上练习不用本地下插件

 $("#x").draggable({ containment:"parent"})

是指 【<div id="x" class="drag">沿x轴拖拽</div>】在拖的过程中不能超过它的【父元素<div id="divtest"></div>】

练习要求延X，Yz轴拖，要用到axis

<script type="text/javascript">
            $(function () {
                 //延X轴拖，且只能在父元素范围内
                $("#x").draggable({containment:"parent",axis:"x"});//属性间隔用，最后无；
                ////延Y轴拖，且可在父元素外
                $("#y").draggable({axis:"y"})//没有；
            });
</script>

不需要下载,你少了个参数axis

$("#x").draggable({ containment:"parent",axis:""})

$("#y").draggable({containment:"parent",axis:y""})