Question

我正在尝试使用attrchange插件来监听一个元素中的更改并将一个类添加到另一个元素中。对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();
    }
});

感谢您的见解。

Answer 1

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

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

其次-是班sticky-element-cloned吗？那为什么要在jQuery中使用sticky-element-original？

$(".sticky-element-cloned").attrChange({...});

或者（一个或另一个，不要两者都做）

在您的JavaScript中进行更改：

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

Answer 2

在@Autowired private MailTrainAPI mt;函数上，您将纯Javascript与jQuery混合在一起。试试：

navchange

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

2 个答案:

或者（一个或另一个，不要两者都做）