我使用自己的.css样式表来覆盖一些Bootstrap CSS规则，在这种特殊情况下，我希望var logoChanged = false;
$(window).on("resize",function(){
var screen = $(window).width();
if(screen<390 && !logoChanged){
$("navbar-brand img").attr("src","img/logo-aure2.png");
logoChanged=true;
});
}else if(screen>390 && logoChanged){
$("navbar-brand img").attr("src","img/logo-aurestudio.png");
logoChanged=false;
});
}
});
图像显示为'inline-block'，而不是'block'，如指定bootstrap.css 。
没问题，我的导航栏品牌形象由我的'custom.css'处理，'display：inline-block'，直到更改'src'属性的事件被触发：
{{1}}
在调整屏幕大小时，该函数正常工作并且'src'属性正确更改，但之后，navbar-brand返回由bootstrap.css而不是我的custom.css处理，将图像显示为'块再说一次。
任何人都知道为什么会这样吗？
非常感谢