Question

我正在 Laravel 做一个项目。在刀片文件中，我有图像的评级选项。当我点击下一个按钮然后没有页面重新加载时，我正在显示带有评级的图像和前一个按钮的相同。用户可以更改 click 的评级，这也是 < em>使用ajax调用 。现在我的问题是我想将一个活动类添加到一个额定按钮，每当我做下一个prev操作时，它应该处理活动类的事情。我真的无法解决这个问题。

<ul class="btnforimages">
    <li>
        <strong>Rate this photo:</strong>
    </li>
    <li>
        <a class="imgstep" id="rate_1" ng-click="">1 - poor</a>
    </li>
    <li>
        <a class="imgstep" id="rate_2" ng-click="">2 - needs work</a>
    </li>
    <li>
        <a class="imgstep" id="rate_3" ng-click="">3 - not bad</a>
    </li>
    <li>
        <a class="imgstep" id="rate_4" ng-click="">4 - small tweaks</a>
    </li>
    <li>
        <a class="imgstep" id="rate_5" ng-click="">5 - perfect</a>
    </li>
</ul>

请尽快知道如何处理。

Answer 1

以下代码将从所有同级中删除活动类，并为所选li添加活动类（如果它没有活动类）。

$('.btnforimages li').on('click',function(){
    $(this).siblings().removeClass('active');
    if (!$(this).hasClass("active"))
       $(this).addClass('active');
});

注意：如果要在第二次点击时从所选元素中删除活动类，请使用toggleClass而不是addClass，并删除对活动类的检查。

如何在条件上添加活动课程？

1 个答案: