無法使用JQuery為某些元素設置box-shadow CSS屬性

Question

我寫了一個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的box-shadow沒有消失。 我以為對象是null或未定義，所以我通過alert($(shadowBox).attr("class")) Alert（）元素的alert($(shadowBox).attr("class")) ，它給了我元素的名稱（未定義）。

誰能告訴我代碼的問題是什么？

Answer 1

嘗試：

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' );