如何在 AJAX 过滤内容后运行 JS 函数

How to run the JS function after content filtered by AJAX

提问人:Siva 提问时间:9/15/2022 最后编辑:VLAZSiva 更新时间:9/15/2022 访问量:51

问:

我已经编写了 JavaScript 来根据单击修改 DOM 属性,并将值存储在本地存储中。因此,在加载页面后,它会从本地存储中获取值,并将新属性设置为 DOM。它工作正常,能够在完美页面加载后实现我的场景。

ready(function(){ 
     let element = document.querySelector("body");
if(element.classList.contains("path-api-catalog") ){

    let name1 = document.querySelectorAll(".tooltip_heading > h6");
        for (let i = 0; i < name1.length; i++) {
            let title = name1[i].innerText.replace(/[\n\r]+|[\s]{2,}/g, ' ').trim();
            let titleURL = name1[i].parentNode.parentNode.querySelector('.btn.primary-btn').href;
            if (localStorage.getItem(title) != null){

            if(localStorage[title]===titleURL){
                let titleDiv = name1[i].parentNode;
                titleDiv.querySelector('.bookmark-icon').setAttribute('onclick','RemoveListItem(event)');
                }
            }else{
                let titleDiv = name1[i].parentNode;
                titleDiv.querySelector('.bookmark-icon').setAttribute('onclick','SaveListItem(event)');
            }
        }
    }
})

但是我有 Ajax 类别过滤器来过滤内容。每当我单击过滤器时,内容都会通过 Ajax 加载。在 Ajax 之后,我的 JavaScript 没有修改属性并且没有正确执行。那么,即使在加载 Ajax 内容后,如何执行 JavaScript 函数。

JavaScript HTML 阿贾克斯 dom

评论

0赞 Mina 9/15/2022
请提供完整的代码示例,特别是过滤方法。
0赞 Siva 9/15/2022
过滤器是通过 PHP 创建的。只有 DOM 修改由 Javascript 控制。因此,如果用户过滤内容页面将不会引用,则仅通过 AJAX 调用过滤内容。如果DOM通过AJAX更新,我不确定如何运行JS函数
0赞 First Last 9/15/2022
你正在使用jQuery Ajax吗?
0赞 Siva 9/16/2022
@FirstLast 是使用 jQuery ajax
0赞 First Last 9/16/2022
您是否将 scipt 或调用函数放在 AJAX 的成功方法中?

答: 暂无答案