Javascript Toggle类只知道第一个选定的标记

$document.readyfunction{ $button.change.clickfunction{ $button.change.selected； $this.toggleClassselected； }; $button1.更改。单击功能{ $button1.change.selected 1； $this.toggleClassselected1； }; }; .按钮{ 字体系列：Calibri，无衬线； 字体大小：13px； 字体大小：粗体； 宽度：150px； 高度：150像素； 背景图像：urlComputerI.png；//屏幕上的图片1 背景重复：无重复； } .按钮1{ 字体系列：Calibri，无衬线； 字体大小：13px； 字体大小：粗体； 宽度：150px； 高度：150像素； 背景图像：urlcalculusO.png；//屏幕上的图片2 背景重复：无重复； } .选定{ 背景：urlcomputer.png；//图片1关闭 } .已选择1{ 背景：urlcalculusI.png；//图片2关闭 } 单击以更改图像 单击以更改图像

---

我相信您的第一个选择器$button.change将匹配任何带有类更改的按钮-因此这将匹配您的两个按钮。因此，当您单击按钮时，它工作正常，关闭图片1，但如果您单击第二个按钮，它将匹配第一个选择器，从而关闭图片1，打开第二个选择器

因此，我们必须：

$document.readyfunction{ $.button.change.clickfunction{ $button.change.selected； $this.toggleClassselected； }; $.button1.change.clickfunction{ $button1.change.selected 1； $this.toggleClassselected1； }; }; .按钮{ 字体系列：Calibri，无衬线； 字体大小：13px； 字体大小：粗体； 宽度：150px； 高度：150像素； 背景图像：urlComputerI.png；//屏幕上的图片1 背景重复：无重复； } .按钮1{ 字体系列：Calibri，无衬线； 字体大小：13px； 字体大小：粗体； 宽度：150px； 高度：150像素； 背景图像：urlcalculusO.png；//屏幕上的图片2 背景重复：无重复； } .选定{ 背景：urlcomputer.png；//图片1关闭 } .已选择1{ 背景：urlcalculusI.png；//图片2关闭 } 单击以更改图像 单击以更改图像

---

选择器$button.change正在选择标记。试着添加一个。在前面，如果您试图选择类：$.button.change和$.button1.change非常感谢。这是有效的。我已经考虑了一个星期了……只是一点……xD