仅在加载DOM时应用插件

Question

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

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

正如您所看到的，它会检查Document是否已就绪，然后更改通过选择器给出的DOM元素。

它可以工作，但是当DOM稍后由另一个元素加载或者DOM被隐藏时（）。您是否知道在显示或显示DOM时事件等待的方式然后执行某些操作....？

像这样：

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

});

Answer 1

如果稍后加载元素，则需要等到那时才能将插件应用到该元素。例如。如果您使用AJAX加载它，请将其应用于回调函数：

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

Answer 2

尝试使用show回调。它将在元素显示后被调用。

$(element).show('fast', function() {/* insert plugin code */});