WPF开发人员要避免的常见编程错误？(Common Programming mistakes for WPF developers to avoid? [closed])

 我知道这已经得到了回答，但是这里有一个替代方案，它不会在两个元素之间使用任何层次结构（尽管这可能不是最佳实践）： 
 
 HTML： 
 
<div class="boss"></div>
<div class="employee"></div>

<div class="boss"></div>
<div class="employee"></div>
 
 JS： 
 
$.fn.invisible = function() {
    return this.css("visibility", "hidden");
};
$.fn.visible = function() {
    return this.css("visibility", "visible");
};

$(".boss").draggable({
    stop:function(e) {
        var employee_horizontal_position= $(this).offset().left+$(this).width();
        var employee_vertical_position= $(this).offset().top-$(this).height();   

        $(this).next().visible();
        $(this).next().offset({top: employee_vertical_position, left: employee_horizontal_position});
    }
});

$(".boss").on("drag", function(e){
    $(this).next().invisible();
});
 
 CSS： 
 
.boss{
    height: 100px;
    width: 300px;
    background-color: grey;
    float:left;
    margin-top:100px;
}

.boss:hover{
    cursor:pointer;
}

.employee{
    height: 300px;
    width: 100px;
    background-color: orange;
    float:left;
}
 
 JSFIDDLE示例： http : //jsfiddle.net/ktxo4f6s/2/ 
 
 当屏幕录像中显示的老板被拖动时，我试图让员工隐藏起来。 

I know this has been answered already, but here is an alternative which does not use any hierarchy between the two elements (even though that might not be the best practice):
 
HTML:
 
<div class="boss"></div>
<div class="employee"></div>

<div class="boss"></div>
<div class="employee"></div>
 
JS:
 
$.fn.invisible = function() {
    return this.css("visibility", "hidden");
};
$.fn.visible = function() {
    return this.css("visibility", "visible");
};

$(".boss").draggable({
    stop:function(e) {
        var employee_horizontal_position= $(this).offset().left+$(this).width();
        var employee_vertical_position= $(this).offset().top-$(this).height();   

        $(this).next().visible();
        $(this).next().offset({top: employee_vertical_position, left: employee_horizontal_position});
    }
});

$(".boss").on("drag", function(e){
    $(this).next().invisible();
});
 
CSS:
 
.boss{
    height: 100px;
    width: 300px;
    background-color: grey;
    float:left;
    margin-top:100px;
}

.boss:hover{
    cursor:pointer;
}

.employee{
    height: 300px;
    width: 100px;
    background-color: orange;
    float:left;
}
 
JSFIDDLE EXAMPLE: http://jsfiddle.net/ktxo4f6s/2/
 
I tried to make the employee hidden while the boss is being dragged as shown in your screencast.