javascript - 在局部视图中保持滚动事件

Question

有没有办法在部分视图中保留滚动事件？我有一个使用滚动事件的表，该事件是在索引页面内启动的部分的 ajax 表单发布之后所需的。有没有办法在不将 js 放入局部视图本身的情况下做到这一点。

滚动事件在桌子上。

Answer 1

我想出了一个解决此类问题的方法，因为滚动事件不会冒泡，我将滚动事件及其所需的元素放在一个冒泡的事件中，从而在呈现 Ajax 部分视图后保持滚动事件。

例子：

        $("#parent").on("click", "#child", function (event) {

            $.ajax({
                url: urlForPost,
                type: "POST",
                data: $("form").serialize(),
                contentType: "application/x-www-form-urlencoded;charset=ISO-8859-15"
            }).done(function (allData) {
                //First Remove white space for IE9 
                var expr = new RegExp('>[ \t\r\n\v\f]*<', 'g');
                allData = allData.replace(expr, '><');

                $("#parent").html(allData);
                ResizeContent();
              $("#id1").scroll(function () {
               $("#id2").scrollLeft($("#id1").scrollLeft());
           });
            }).fail(function (jqXHR, textStatus) {
                alert("Request failed: " + textStatus);
            });
          }