Javascript 单击按钮时不更改颜色

Javascript 单击按钮时不更改颜色,javascript,css,twitter-bootstrap,button,Javascript,Css,Twitter Bootstrap,Button,我正在使用bootstrap在单击按钮时更改按钮颜色,但我认为我做错了什么,当我单击按钮时,按钮没有更改其颜色 这是我的按钮代码- <td> <a class="mylink" href="#"><button class="btn btn-default btn-xs">{% trans %}Allow{% endtrans %}</button></a> </td> 这是我的javascript代码---

我正在使用bootstrap在单击按钮时更改按钮颜色,但我认为我做错了什么,当我单击按钮时,按钮没有更改其颜色

这是我的按钮代码-

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

这是我的javascript代码---


$(文档).ready(函数(){
if(localStorage.getItem('isc')){
$(“#mylink”).addClass('btn-success');
$(“#mylink”).removeClass('btn-default');
}
$('#mylink')。在('click',function()上{
$(this.addClass('btn-success');
$(this.removeClass('btn-default');
//单击后设置值
localStorage.setItem('isclicked',true)
});
我需要改变按钮的颜色时,点击和网页时,再次调用它应该检查是否被激活或没有


谁能帮我解决这个问题。

问题可能就在这里

$("#mylink")
这将选择带有
id=“mylink”
的元素,而不是带有
class=“mylink”

如果您想选择一个类,请执行此操作

$(".mylink")

CSS选择器:

问题可能就在这里

$("#mylink")
这将选择带有
id=“mylink”
的元素,而不是带有
class=“mylink”

如果您想选择一个类,请执行此操作

$(".mylink")

CSS选择器:

问题可能就在这里

$("#mylink")
这将选择带有
id=“mylink”
的元素,而不是带有
class=“mylink”

如果您想选择一个类,请执行此操作

$(".mylink")

CSS选择器:

问题可能就在这里

$("#mylink")
这将选择带有
id=“mylink”
的元素,而不是带有
class=“mylink”

如果您想选择一个类,请执行此操作

$(".mylink")

CSS选择器:

首先,
mylink
是代码中的一个类

<a href="#" class="mylink">

这样,您就可以将目标锁定在

中的
标记。首先,
mylink
是代码中的一个类

<a href="#" class="mylink">

这样,您就可以将目标锁定在

中的
标记。首先,
mylink
是代码中的一个类

<a href="#" class="mylink">

这样,您就可以将目标锁定在

中的
标记。首先,
mylink
是代码中的一个类

<a href="#" class="mylink">
这样,您就可以使用
$(“#someID')
标记定位在您的

中。您是通过id选择某个对象。但是您使用类(“myLink”),所以您应该使用
$(“.myLink”)。

尽管如此,你还是让它变得比需要的更复杂。也许你想试着用css来实现它

下面是一个与您的问题非常相似的示例:

使用
$(“#someID”)
可以通过id选择某个对象。但是您使用类(“myLink”),因此应该使用
$(“.myLink”)。

尽管如此,你还是让它变得比需要的更复杂。也许你想试着用css来实现它

下面是一个与您的问题非常相似的示例:

使用
$(“#someID”)
可以通过id选择某个对象。但是您使用类(“myLink”),因此应该使用
$(“.myLink”)。

尽管如此,你还是让它变得比需要的更复杂。也许你想试着用css来实现它

下面是一个与您的问题非常相似的示例:

使用
$(“#someID”)
可以通过id选择某个对象。但是您使用类(“myLink”),因此应该使用
$(“.myLink”)。

尽管如此,你还是让它变得比需要的更复杂。也许你想试着用css来实现它

下面是一个与您的问题非常相似的示例:
您的代码中有一些错误:

  • 它是jQuery,不是JavaScript(有点不同)

  • 您正在更改

    代码中有一些错误:

  • 它是jQuery,不是JavaScript(有点不同)

  • 您正在更改

    代码中有一些错误:

  • 它是jQuery,不是JavaScript(有点不同)

  • 您正在更改

    代码中有一些错误:

  • 它是jQuery,不是JavaScript(有点不同)

  • 您正在更改

    标签下的
    按钮
    “为什么?”@TusharGupta为什么不?@Hacketo:因为规范上这么说。@Abhitalks好吧,我在中没有看到,请看“措辞内容”mean@Hacketo:和
    a
    标签下的
    按钮
    为什么???@TusharGupta为什么不?@Hacketo:因为规范上这么说。@abhitalks好吧,我没有看到,看到什么‘措辞内容’了吗mean@Hacketo:和
    标签下的
    按钮
    为什么???@TusharGupta为什么不?@Hacketo:因为规范上这么说。@Abhitalks好吧,我在中没有看到,请看“措辞内容”mean@Hacketo:和
    标签下的
    按钮
    为什么???@TusharGupta为什么不呢?@Hacketo:因为规范上这么说。@Abhitalks好吧,我在中没有看到这一点,看看什么是“措辞内容”mean@Hacketo:及