javascript - 我的脚本只适用于头等舱

Question

它只适用于第一个 .circle 类 我有 5 个 .circle

$(this).find('.circle').click(function(){
    var margin = parseInt($(this).css("left"), 10)-40;
    var plan = parseInt($('.move_plane').css("left"), 10);

    if( margin > plan ){
        $('.move_plane').attr("src", "img/icon/move_plane.png");
    }
    else{
        $('.move_plane').attr("src", "img/icon/move_plane_back.png");
    }
});

$('.move_plane').attr("src", "img/icon/move_plane_back.png"); = 当我点击

平面像它应该的那样移动到第二个圆圈，但是当我点击其他圆圈时，平面应该旋转并返回点击位置，当圆圈旋转回到第一个位置时旋转工作正常但是当回到第二个或第三个或第四个圆平面时不要向后旋转

<div class="icon_div"> 
    <img class="move_plane" src="img/icon/move_plane.png"/> 
    <img class="fi_circle circle" src="img/icon/circle.png"/> 
    <img class="first_circle circle" src="img/icon/circle.png"/> 
    <img class="second_circle circle" src="img/icon/circle.png"/> 
    <img class="third_circle circle" src="img/icon/circle.png"/> 
    <img class="last_circle circle" src="img/icon/circle.png"/> 
</div>

Answer 1

这是你想要的吗？ JSFiddle

这使用了 jQuery 的 offset()函数，你可能想更改它，因为我不知道你的其余 HTML/CSS 代码。

希望对解决您的问题有所帮助。