如何解决更改背景img IF class =“ active”
| 单击缩略图时,我正在尝试更改div的背景图像。 需要根据哪个缩略图“活跃”来更改背景 我尝试过的代码;$(\'#sliderThumbs li a\').click( function() {
if($(\'#sliderThumbs li.entalk.active\') === true) {
$(\'#slider\').css(\'background\',\'url(i/slider-bg.jpg) no-repeat 0 -550px\');
}
});
HTML:
<div id=\"slider\">
<ul id=\"sliderThumbs\">
<li class=\"intellibalast\">
<a href=\"#\"><span>Intelliblast™ unit</span></a>
</li>
<li class=\"dolfin\">
<a href=\"#\"><span>Dolfin™ sensor</span></a>
</li>
<li class=\"entalk active\">
<a href=\"#\"><span>EnTalk™</span></a>
</li>
</ul>
因此,当我单击“说”时。Intellibalast,然后li转到class = \“ intellibalast active \”
Will的背景需要根据li处于活动状态而改变(我有3个不同的图像,每个图像对应于li类。
解决方法
更新:使用.is代替hasClass并删除;从css值开始。
尝试这个:
$(\'#sliderThumbs li a\').click( function() {
if($(this).closest(\"li\").is(\".entalk,.active\")) {
$(\'#slider\').css(\'background\',\'url(../i/slider-bg.jpg) no-repeat 0 -550px\');
}
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。