滚动时jQuery addClass不起作用

时间:2016-02-09 08:36:10

标签: javascript jquery css image scroll

好的,我正在尝试将CS​​S样式应用于没有分配任何<img>class的{​​{1}}标记。这是我的代码:

=== CSS ===

id

=== jQuery Code ===

.tgll-navi { //begin custom class for navi bar
 .navi-left { //.navi-left
  float:right; 
  text-align:center; 
  } // end .navi-left
  img { // img
  max-height:269px !important; 
  max-width:524px !important; 
  height:75%; 
  width:75%; 
  padding:7px; 
  background-color:white; 
  border-style:solid; 
  border-color:black; 
  border-width:4px; 
} // end img
.scale { // scale
  max-width:174px !important; 
  max-height:89px !important; 
  height:25%; 
  width:25%; 
  padding:3px; 
  background-color:grey; 
  border-style:solid; 
  border-color:black; 
  border-width:2px; 
}// end scale; 
}// end tgll-navi class 

我在JavaScript console.log中没有收到任何错误 如果我添加警报('消息');在.addClass之后我收到了警告弹出窗口。 我删除了警报以查看该类是否已应用,但该类未应用。

使用DMS2在WordPress内部工作,所有内容都更新到最新版本

知道我可能忘记了一段时间或半结肠

布伦特希格斯

2 个答案:

答案 0 :(得分:2)

删除“。”从你的addClass函数,你不需要它;

...addClass(".scale")

变为

...addClass("scale")

答案 1 :(得分:1)

  

您正在添加.scale类名。您应该添加scale classname

$('img[src="whatever"]').addClass("scale");

$('img[src="whatever"]').removeClass("scale");