无法使用JQuery为某些元素设置box-shadow CSS属性

m2008m1033m

我写了一个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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Shadow DOM元素可以继承CSS吗?

来自分类Dev

未知属性“ -moz-box-shadow”。声明已放弃

来自分类Dev

如何使用JavaScript设置box-shadow CSS属性?

来自分类Dev

通过CSS将Box Shadow添加到SVG的问题

来自分类Dev

使用javascript / jquery访问shadow DOM属性(聚合物)?

来自分类Dev

CSS box-shadow hidden

来自分类Dev

CSS过渡不适用于box-shadow属性

来自分类Dev

CSS伪选择不会更改text-shadow属性

来自分类Dev

在CSS中为tbody添加box-shadow?

来自分类Dev

使用jQuery设置CSS属性

来自分类Dev

想要避免使用CSS box-shadow隐藏先前的li元素

来自分类Dev

使用:: part设置Shadow DOM元素的样式

来自分类Dev

jQuery设置的某些CSS属性不会显示在html元素上

来自分类Dev

代号一个CSS Box-Shadow无法渲染

来自分类Dev

CSS Shadow box ::使用边框方法在arrox之后

来自分类Dev

CSS z-index和box-shadow裁剪问题

来自分类Dev

CSS box-shadow z-index或更改顺序

来自分类Dev

如何使用JavaScript设置box-shadow CSS属性?

来自分类Dev

CSS Box Shadow像这个网站

来自分类Dev

css3 drop shadow属性左右底

来自分类Dev

CSS Box-shadow VS溢出隐藏

来自分类Dev

使用jQuery设置CSS属性

来自分类Dev

Box-Shadow Arc CSS

来自分类Dev

使用jQuery设置CSS属性

来自分类Dev

将 box-shadow css 属性添加到 div

来自分类Dev

在 shadow DOM 中应用伪元素 CSS 选择器

来自分类Dev

如何将 box-shadow 设置为具有透明角的图像的 <img> 标签?(CSS)

来自分类Dev

添加 text-shadow (textShadow) .css() 不工作 Jquery

来自分类Dev

替换 box-shadow