javascript - 在按钮之间切换 - 图像无法显示

Question

我希望按钮的图像背景在用户单击时发生变化。我制作了一个包含不同属性的类，以根据它们的类在图像之间切换。我使用这种方法:

HTML:

     <span id="play"></span>

JS:

    $(document).ready(function(){
    $('#play').click(function(){

    $(this).toggleClass("#pause");
    });
    });

CSS:

    #play
    {
   width:100px;
   height:60px;
   background-image: url('18.jpg');
   float:left;
    }
   #pause
   {
  width:100px;
  height:60px;
  background-image: url('19.jpg');
  float:left;
   }

但是我点击按钮之前和之后根本不显示图片，你知道为什么吗？

谢谢

Answer 1

# 用于表示 id，但您正在切换一个类。试试这个:

$('#play').click(function(){
    $(this).toggleClass("pause");
});

.pause {
    width:100px;
    height:60px;
    background-image: url('19.jpg');
    float:left;
}