javascript - 仅在加载DOM时应用插件

我有以下声明将jQuery插件应用于DOM元素（滚动条插件）

<script type="text/javascript">
    $(document).ready(function () {
        $(".pp-meta-content").customScrollbar();
    });
</script>

如您所见，它检查Document是否准备就绪，然后更改通过选择器指定的DOM元素。

它可以工作，但是在以后由另一个元素加载DOM或DOM被hidden（）时无效。您知道在显示或显示DOM时等待事件然后执行某些操作的方法吗？

像这样的东西：

$(element).on("show", function(){

});

最佳答案

如果稍后加载元素，则需要等到之后再将插件应用于该元素。例如。如果使用AJAX加载，请在回调函数中应用它：

$("#somediv").load("someurl.php", function() {
    $("#somediv .pp-meta-content").customScrollbar();
});