Question

我正在尝试运行if / else语句，如果.slotholder中的img的alt标签为'dark'，那么我希望“.menu＆gt; li a”在文本丢失时将颜色更改为白色在它背后的img滑块中，我还希望其他导航颜色为黑色。

我试图使用图片标题或图片标签来解决这个问题，因为我的页面建立在wordpress上，这样我就可以选择告诉导航管理员需要响应哪个图像。

最后，我希望它看起来像星期六纽约主页 - http://www.saturdaysnyc.com/

HTML 的

＆LT; .slotholder＆GT;

< img src="..." alt="dark" data-fullwidthcentering="on" class="defaultimg" style="width:
2008px; height: 1338.33984375px; position: absolute; left: -25px; top: -369px; opacity:         1;">

＆LT; /＆GT;

CSS

nav .menu > li a{
color:black;
}

JQUERY

if ($('.defaultimg').attr('tag') == 'dark') {
//im not sure what function to put in here to result in the nav changing color

}


else { $( '.defaultimg' ).click(function() {
//change .menu > li a color to black

 }



});

我对jquery很新，所以我很抱歉，如果我的解释没有多大意义。

谢谢，谢谢谢谢。

Answer 1

为什么不在HTML代码中添加一个类，而不是使用实际应该用于替代文本的alt标记呢？

不仅如此，而且使用JavaScript来执行此操作意味着在JavaScript有机会运行之前，用户可能会在页面呈现时看到旧格式的闪存。

如果图像标签'dark'改变#main-nav颜色

1 个答案: