如何解决如何通过 jquery 从类中删除属性?
我尝试使用 jquery 从“navbar-fixed-top”类中删除左右属性:
$(document).ready(function () {
var menu = $('.tab-content');
var origOffsetY = menu.offset().top;
function scroll() {
if ($(window).scrollTop() >= origOffsetY) {
$('.tab-content').addClass('navbar-fixed-top');
} else {
$('.tab-content').removeClass('navbar-fixed-top');
}
$('.navbar-fixed-top').removeAttr('right');
$('.navbar-fixed-top').removeAttr('left');
}
但在滚动检查器后仍然显示如下 css:
.navbar-fixed-bottom,.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
但我需要它是这样的:
.navbar-fixed-bottom,.navbar-fixed-top {
position: fixed;
z-index: 1030;
}
问题是,此代码来自外部引导 css。所以我不能只更改文件。
解决方法
编辑:我错了 Jquery 无法访问样式表中的类。您只需要更改该值。
$(".navbar-fixed-top").css({ 'left' : 'initial','right' : 'initial' });
应该改变类属性。
如果您使用空的“ ”,它将不适用于类。
,试试这个
$(".navbar-fixed-top").css({ 'left' : '','right' : '' });
你只需要清空属性的值
,例如,接受的答案适用于 Chrome 和 Firefox,但在 IE 中可能会给您带来一些问题,因为它不会将“initial”识别为 CSS 值。
$(".navbar-fixed-top").css({ 'left' : 'initial','right' : 'initial' });
如果您也需要在 IE 中进行这项工作,您可以尝试优化您的 CSS,以便您有一个单独的类来添加和删除左右,或者尝试 'auto' 值,IE 会识别该值,但这取决于您的设计是什么。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。