Javascript 同时滚动多个元素

我在一堵砖墙边。我有一个小项目：

（链接已删除）

你可以看到很多水平滚动，当你把浏览器调到手机宽度时，你可以水平滚动。我的问题是，我如何获得它，以便如果您水平滚动一个项目，所有其他项目也将跟随？我尝试了以下方法：

$('.container').scroll(function(){
    $('.container').scrollLeft($(this).scrollLeft());    
})

但我什么也做不到。任何帮助都将不胜感激

更新

事实证明，当加载页面后将代码放入控制台时，它确实起作用。 我求助于：

$(document).on('scroll', '.container', function(){
    $('.container').scrollLeft($(this).scrollLeft());    
});

更新2

非常感谢@George和所有回答为我指出正确方向的人。这些表是用jQuery加载的：

$(this).next().load("/availability_Dev/availability_Dev.asp?stuff="+stuff+"");

我所要做的就是在元素加载后附加滚动代码，如下所示：

$(this).next().load("/availability_Dev/availability_Dev.asp?stuff="+stuff+"", function(){
     $('.container').scroll(function(){
         $('.container').scrollLeft($(this).scrollLeft());    
     });
});

---

您告诉过它在页面加载后从控制台工作。所以，试试这个

$(document).ready(function(){
  $(document).on('scroll', '.container', function(){
    $('.container').scrollLeft($(this).scrollLeft());    
  });
});

或使用以下代码：

$(document).ready(function(){
  $('.container').scroll(function(){
    $('.container').scrollLeft($(this).scrollLeft());    
  });
});

希望这有帮助。

请试试这个

$('.container').scroll(function(){
  var scrolled = $(this);
  $('.container').each(function() {
    $(this).scrollLeft(scrolled.scrollLeft());    
  })
})

---

希望能有所帮助。

滚动事件不会使DOM冒泡，因此您不能委派它。在

.container

元素进入DOM后，您需要将处理程序附加到这些元素。@George您能从代码的角度来理解这些吗？提前谢谢，你已经做了。您的代码是正确的，您只需要在附加项之后运行它（您需要知道这是什么时候，大概是AJAX回调），而不是在加载文档时运行它。@George我现在明白了。我目前正在寻找创建表并在其后添加事件的代码。我已经尝试了这两个示例，但仍然不起作用。。您答案中的第一个示例是我的示例页面上当前显示的内容，谢谢您的输入。非常感谢