我写了一个javascript函数来设置元素的框阴影:
function changeBoxShadow(elmt, val) {
$(elmt).css("-webkit-box-shadow", val);
$(elmt).css("-o-box-shadow", val );
$(elmt).css("-moz-box-shadow", val );
$(elmt).css("-ms-box-shadow", val );
$(elmt).css("box-shadow", val );
}
当我这样调用此函数时:
clickedCourseItem = this;
changeBoxShadow(clickedCourseItem, '');
代码工作正常,阴影消失了。
当我再次将其用于其他元素时:
var shadowBox = $(openedcoursedetails).children(".libcoursefiles_shadow");
changeBoxShadow(shadowBox, '');
元素.libcoursefiles_shadow
的盒子阴影没有消失。我以为该对象为null或未定义,所以我通过警报()元素的类,alert($(shadowBox).attr("class"))
它为我提供了元素的名称(未定义)。
谁能告诉我我的代码有什么问题吗?
尝试:
changeBoxShadow( shadowBox, 'none' );
或者,您可以创建css.noshadow
类并执行以下操作:
CSS:
.noshadow {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
js:
$(openedcoursedetails).children(".libcoursefiles_shadow").addClass( 'noshadow' );
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句