在onAppend函数

Question

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

当iframe附加到DOM时，它还包含onAppend: function(e) {}回调。

现在我正在尝试在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()