页面加载后出现元素时调用jQuery函数

我正在使用一个jQuery扩展，它提供自定义滚动条。通常会这样称呼：

$("#thoughtsArticle #recentPosts").mCustomScrollbar();

但是在这种情况下，当页面加载时，需要受影响的元素不存在。它显示为用户输入的结果。当元素出现在页面上时，如何执行此jQuery

通过谷歌搜索，我发现我需要使用委托事件，但我还没有找到任何可以直接应用于我的案例的例子。大多数例子都是针对表单提交等事件

编辑：

我想我没有正确地解释我在寻找什么。如果查看我的，当页面加载时，“博客”部分不存在。如果单击导航栏中的“我的博客”，它将使用AJAX仅重新加载页面的一部分。你会在博客部分看到，我在右边有一个最近的帖子栏。我想将自定义滚动条应用于该部分

我在上面发布的代码当前位于jQuery其余部分的

$（document）.ready（）

脚本中，但由于页面加载中不存在目标元素，因此不应用自定义滚动条

我试着用上面的jQuery在博客页面上添加一个

标记，它似乎没有任何效果

---

我在网上搜索了一下，我想我需要使用的是委托事件？不确定，但无论如何，我都不知道如何在这种情况下使用它，因为我能找到的任何示例似乎都不适用于我的情况。

当文档完全加载时，此脚本将启动。然后，它将在将应用

.mCustomScrollbar（）的文档上添加委托我有点担心它会在思考这一点后触发“就绪”，但您可以尝试其他一些生命周期事件，或者在不授权的情况下立即应用它，因为在文档就绪后，您的控件可能已经在页面上了

$(function(){
    $(document).on('ready','#thoughtsArticle #recentPosts',function(){
        $(this).mCustomScrollbar();
    })
})

共享一些您尝试过的html代码。在附加所需元素后执行代码行。页面加载后，基本上已准备好文档。一旦准备好DOM，就可以在
$（'document'）.ready（function（）{}）上调用它@ShaunakD我试着在加载了相关位后将其放入标记中。我将用我的网站更新这个问题，因为我觉得我没有正确地表达我自己。我已经尝试了你的代码，但不幸的是我无法让它工作。我不知道我是否把它放在了正确的位置。我已经输入了$（'document'）.ready（function（）{}）；在我的索引页面上，包含jQuery的其余部分。如果没有太多问题，您可以检查我的页面的源代码，看看我是否正确地实现了它吗？我已经尝试在您的代码中添加一个警报（“测试”）以进行检查。它似乎从未被调用过，所以问题不在于滚动条扩展。
$（function（）{
是准备好文档的快捷方式，唯一的要求是在添加JQuery之前，将其放在文档底部，这样就可以了。确实需要调整的部分是此
$（文档）。on（“准备就绪”
您可能需要将“准备就绪”更改为在将控件添加到页面时触发的其他内容。