svg脚本仅在刷新后触发

Question

我在这个用CSS和JavaScript定制的wordpress页面上有两个可点击的svg文件。第一个svg(大小:447kb)加载时没有问题，并且在单击时触发脚本。第二个svg加载的时间稍长一些(大小:993kb)， .onclick仅在页面刷新时才有效。(控制台显示:未捕获的类型错误:不能设置属性'onclick'为null)

经过大量的研究，我怀疑这是Ajax的问题。没有禁用Ajax的选项，所以我尝试以下函数将脚本放入页脚:

function load_js_assets() {
if( is_page(#) ) {
wp_register_script('script', 'url/script.js', array( 'jquery' ), '0', false);
wp_enqueue_script('script');
} 
}
add_action('wp_enqueue_scripts', 'load_js_assets', 99999);

这没什么用

在script.js中我尝试了窗口。onload, window.addEventListener("load"， function(){}，文档。加载，document.addEventListener("DOMContentLoaded"，…)没有工作

目前我的脚本是这样的:

window.addEventListener("load", function(){
(function() {
/*function for svg1*/
}; 
})();
(function(){
/*function for svg2*/
};
})();
});

请问我还有其他选择吗?(请原谅我的非dry编码方式，我仍然是一个新手)

Answer 1

尝试使用此方法应用onclick处理程序-

$(document.body).on('click', '.update' ,function(){

Answer 2

我用setTimeout方法解决了这个问题。也许不是理想的解决方案，但它有效。