Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/docker/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将类添加到动态更改的元素_Javascript_Jquery_Html - Fatal编程技术网

Javascript 将类添加到动态更改的元素

Javascript 将类添加到动态更改的元素,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试使用插件来监听一个元素中的更改,并向另一个元素添加一个类。是jquery和javascript的新手,需要一些帮助 function navchange() { document.getElementByClassName("sticky-element-cloned").addClass('shrinkwrap'); } $(".sticky-element-original").attrchange({ trackValues: true, callback:

我正在尝试使用插件来监听一个元素中的更改,并向另一个元素添加一个类。是jquery和javascript的新手,需要一些帮助

function navchange() {
    document.getElementByClassName("sticky-element-cloned").addClass('shrinkwrap');
}

$(".sticky-element-original").attrchange({
  trackValues: true, 
  callback: function (event) {
    //event.attributeName - Attribute Name
    //event.oldValue - Prev Value
    //event.newValue - New Value
    navchange();
    }
});

感谢您的帮助。

navchange
函数中,您将纯Javascript与jQuery混合使用。尝试:


$(“.sticky元素克隆”).addClass(“收缩包装”)

两件事。首先,修复DOM方法以使其有效

document.getElementsByClassName(".sticky-element-cloned")[0].classList.add("shrinkwrap");

第二,类
粘性元素不是被克隆了吗?那么为什么要在jQuery中使用
sticky元素original

$(".sticky-element-cloned").attrChange({...});
或者(做一个或另一个,而不是两个) 在JavaScript中更改它:

document.getElementsByClassName(".sticky-element-original")[0].classList.add("shrinkwrap");

谢谢涉及两个要素——原始要素和克隆要素。