我的脚本仅适用于第一堂课

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代码。

希望有助于解决您的问题。