bg颜色,悬停,!重要和.css在javascript中
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了bg颜色,悬停,!重要和.css在javascript中,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1074字,纯文字阅读大概需要2分钟。
内容图文
我遇到了一个问题.
我已经创建了一些“标签”功能,可以在demo:http://jsfiddle.net/4FLCe/中看到
计划是,当您将鼠标悬停在标签上时,其颜色会变为颜色A,当您单击标签时,其颜色会变为颜色B.
从演示中可以看出,点击背景颜色在悬停时停止变化.我想添加!重要的是悬停的背景颜色,结果可以看出:http://jsfiddle.net/4FLCe/1/
但这不是我想要的,现在悬停将适用于javascript的背景颜色集.然后我添加了!重要的javascript颜色设置.这导致了一些可怕的事情.理解我想要实现的目标的唯一浏览器是Opera.
其他浏览器刚刚停止从js应用一个.演示:http://jsfiddle.net/4FLCe/2/
所以问题是:如何实现下一步 – 工作悬停,所选标签的背景具有比悬停更高的“优先级”,因此它不会改变为悬停时悬停的背景,同样的结果即,safari,opera,chrome,ff ?
解决方法:
您应该使用类而不是通过.css()方法设置它.
所以创造
.selected-tab{
background-color:#d6d6d6!important;
}
并将您的代码更改为
$(function() {
$('.pagecontent').eq(0).show();
$('.tab').click(function() {
$('.pagecontent').hide();
$('.selected-tab').removeClass('selected-tab');
$(this).addClass('selected-tab');
$('.pagecontent').eq($(this).index()).show();
});
});
演示于http://jsfiddle.net/gaby/4FLCe/3/
内容总结
以上是互联网集市为您收集整理的bg颜色,悬停,!重要和.css在javascript中全部内容,希望文章能够帮你解决bg颜色,悬停,!重要和.css在javascript中所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。