php - jQuery 滚动条插件无法处理 Ajax 加载的内容

Question

问题是这样的:

我有一个使用 Ajax 提交的简单的两个字段表单。完成后，我重新加载两个 div 以反射(reflect)更改。

除了 jQuery 插件外，一切都运行良好。这是一个简单的插件，可以用简单的方式调用

function(){
    $('.myDiv').scrollbars();
}

它简单易用，但不适用于 Ajax 加载的内容。这是我用来发布表单和重新加载 div 的代码:

$(function() {
    $('#fotocoment').on('submit', function(e) {
        $.post('submitfotocoment.php', $(this).serialize(), function (data) {
            $(".coment").load("fotocomajax.php");
        }).error(function() {

        });
        e.preventDefault();
    });
});

我已经尝试创建一个函数并在 Ajax 中成功调用它:但没有成功。谁能告诉我如何让它工作？这个简单的插件如何重新加载或重新初始化，或者，也许，刷新。我研究了很多 jQuery 的功能，包括 ajaxStop、ajaxComplete ...似乎没有任何效果，或者我在这里做错了什么。

Answer 1

如果您在加载 DOM 文档后动态加载元素(例如在您的情况下通过 AJAX)，即使在 $(document).ready() 中，简单绑定(bind) .scrollbars() 到元素也不起作用 - 您需要使用“实时”事件 - 这样 jQuery 将“捕获”动态添加的内容:

$(selector).live(events, data, handler); // jQuery 1.3+
$(document).delegate(selector, events, data, handler); // jQuery 1.4.3+ 
$(document).on(events, selector, data, handler); // jQuery 1.7+

来源:jQuery Site