<script type="text/javascript">  

            $(function () {

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

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

                $("#x").bind('mousedown',function(){

                    initial();

                    $(this).css('z-index',100); 

                });

                $("#y").bind('mousedown',function(){

                    initial();

                    $(this).css('z-index',100); 

                });

                function initial(){

                    $('#x').css('z-index',0);

                    $('#y').css('z-index',0)

                }

            });

        </script>

设置了还是有问题，求指正哪里错啦？？？

<script type="text/javascript">
            $(function () {
            $("#xy").draggable({containment:"parent"});
                $("#x").draggable({containment:"parent",axis:"x"});
                $("#y").draggable({containment:"parent",axis:"y"});
                $("#xy").mousedown(function(){
                    z-index:1100;
                });
                 $("#x").mousedown(function(){
                    z-index:100;
                });
                 $("#y").mousedown(function(){
                    z-index:200;
                });
            });
        </script>

没有设置两个 div 的z-index 属性，估计默认情况就会这样吧。如果想解决这个问题，就添加个mousedown事件，改变当前鼠标指向的DIV的z-index属性就好了。。