javascript - 单击按钮时颜色不变

Question

我正在使用 bootstrap 在点击时更改按钮颜色，但我认为我做错了什么，当我点击按钮时按钮没有改变它的颜色。

这是我的按钮代码-

<td>
     <a class="mylink" href="#"><button class="btn btn-default btn-xs">{% trans %}Allow{% endtrans %}</button></a>
</td>

这是我的javascript代码---

<script type="text/javascript">
        $(document).ready(function() {
        if (localStorage.getItem('isCliked'){
        $("#mylink").addClass('btn-success');
                $("#mylink").removeClass('btn-default');
        }
        $('#mylink').on('click', function() {
        $(this).addClass('btn-success');
                $(this).removeClass('btn-default');
                // set the value upon clicking
                localStorage.setItem('isCliked', true)
        });

我需要在单击时更改按钮颜色，当再次调用该页面时，它应该检查它是否被激活。

谁能帮我解决这个问题。

Answer 1

可能问题就出在这里。

$("#mylink")

这会选择带有 id="mylink" 的元素，而不是带有 class="mylink"

的元素

如果你想选择一个类(class)，那就去吧。

$(".mylink")

CSS 选择器:w3schools