Jquery 如何使position（）左+；0工作？

为什么在（//显示列表）部件之后（//更改b位置）部件写入无法工作，会出现一些错误

如何使（.a-1）.悬停时，（.b）不移动，并且在上次更改后仍处于同一位置？ +0不能工作

jquery

    //change b position
$(".a").hover(function(){
    var newleft = $(".b").position().left + 200;
    $(".b").css('left', newleft + 'px');
},function(){
    var newleft = $(".b").position().left - 200;
    $(".b").css('left', newleft + 'px');
});
$(".a-1").hover(function(){
    var newleft = $(".b").position().left + 0;
    $(".b").css('left', newleft + 'px');
},function(){
    var newleft = $(".b").position().left + 0;
    $(".b").css('left', newleft + 'px');
});

//show a list
$(".a").hover(function(){
    $(".a-1, .a-2").show();
},function(){
    $(".a-1, .a-2").hide();
});
$(".a-1").hover(function(){
    $(".a-1, .a-2").show();
},function(){
    $(".a-1, .a-2").hide();
});
$(".a-2").hover(function(){
    $(".a-1, .a-2").show();
},function(){
    $(".a-1, .a-2").hide();
});

html、css

<div class="a">a</div>
<div class="a-1">a-1</div>
<div class="a-2">a-2</div>
<div class="b">b</div>

.a{
position: absolute;
left: 100px;
top: 150px;
width: 105px;
background: red;
}
.a-1{
position: absolute;
left: 200px;
top: 150px;
width: 100px;
background: maroon;
display: none;
}
.a-2{
position: absolute;
left: 300px;
top: 150px;
width: 100px;
background: olive;
display: none;
}
.b{
position: absolute;
left: 200px;
top: 150px;
width: 100px;
background: blue;
}

a
a-1
a-2
B
.a{
位置：绝对位置；
左：100px；
顶部：150px；
宽度：105px；
背景：红色；
}
.a-1{
位置：绝对位置；
左：200px；
顶部：150px；
宽度：100px；
背景：褐红色；
显示：无；
}
.a-2{
位置：绝对位置；
左：300px；
顶部：150px；
宽度：100px；
背景：橄榄；
显示：无；
}
.b{
位置：绝对位置；
左：200px；
顶部：150px；
宽度：100px；
背景：蓝色；
}

我稍微修改了您的代码- （增加了一个容器分区）

---

这是您的解决方案吗？

请不要在标题中放置jQuery标记。问题已经用jQuery标记，标题不需要重复。很抱歉我没注意到谢谢