我正在尝试通过Jquery根据用户登录来更新我们网站的CSS。我需要隐藏一个元素(#BCID)和一个类(.BC)。两者都位于表中。
当我手动输入CSS(" display:hide")时,一切看起来都很完美。当我尝试使用Jquery(.css)时,没有任何反应。我已经使用相同的脚本测试了其他元素上的其他CSS命令,它们工作正常(添加边框,更改字体颜色等)。但任何改变这些元素的尝试都会失败。
<script type="text/javascript">
$("document").ready(function() {
var department = 'adam';
$("#BCID").hide();
if (department.toLowerCase() === "adam") {
$('#BCID').css('border', '1opx solid black');
}
else {
$("#SFID").css('display', 'none');
}
});
</script>
答案 0 :(得分:1)
这似乎在fiddle正常工作,但是你的语法错误(1opx纯黑)可能会把它丢掉:
$("document").ready(function() {
var department = 'adam';
$("#BCID").hide();
if (department.toLowerCase() === "adam") {
$('#BCID').css('border', '1px solid black');
} else {
$("#SFID").css('display', 'none');
}
});