删除功能在 onAppend 功能期间不起作用

Question

我正在使用 lazyframe 插件在 WP 安装中延迟加载 YouTube 视频。 Lazyframe 为嵌入内容创建响应式占位符，并在用户与其交互时请求它。

它还包括一个

onAppend: function(e) {}

当 iframe 附加到 DOM 时的回调。

现在我尝试在 onAppend 函数期间从 DOM 中删除图像。 onAppend 回调函数工作正常。为了测试它，我使用了以下代码，该代码成功发出警报：

    ...     
    onLoad: function(e) {},
    onAppend: function(e) {
                                    
    // Place functions here
    alert('Hello World');
                                                         
    }
    },
    ...

为了从 DOM 中删除图像，我尝试了以下remove()函数，不幸的是它不起作用。 知道如何解决问题，包括简短的信息为什么这不起作用？

    ...     
    onLoad: function(e) {},
    onAppend: function(e) {

    // Place Functions here   
    $("#lf-img").remove();

    }
    },
    ...

编辑：

快速输入后，我还尝试检查该元素是否存在。我将 id 添加到 img 标签中，并使用以下代码检查是否存在。它返回“元素存在”

    if(document.getElementById("lf-img")){
        alert("Element exists");
    } else {
        alert("Element does not exist");
    }

编辑2：（问题已解决）

将

$("#lf-img").remove();

更改为

jQuery("#lf-img").remove();

解决了问题。

Answer 1

使用“jQuery”而不是“$”应该可以解决 WordPress 插件的问题。

欲了解更多信息，您可以查看： https://digwp.com/2011/09/using-instead-of-jquery-in-wordpress/

另外，如果你想对 jQuery 对象使用其他关键字，你可以这样做：

$jQ = jQuery.noConflict()