Jquery 将相同的左边距值从一个类应用到另一个类

我有两个div，分别是

视差滑块

和

视差bg

视差bg

有一个与其关联的

左边距

类，该类根据窗口大小或浏览器大小而变化

我希望将其应用于

视差滑块

，并使其具有与

视差bg

相同的

左边距

css元素

以下是我目前掌握的情况：

$(document).ready(function(){
  $(".parallax-slider").css({
       'margin-left': ($(".parallax-bg").css("marginLeft").replace('px', ''))
    });
  $(window).resize(function(){
 $(".parallax-slider").css({
      'margin-left': ($(".parallax-bg").css("marginLeft").replace('px', ''))
   });
 });
});

但这不起作用，只剩下一个

边距：0px属性到视差滑块

我做错了什么，这样我就可以得到
视差bg
的margin left属性，将其应用于
视差滑块
？
尝试删除replace（'px'，''），它就会工作

$(document).ready(function() {
  $(".parallax-slider").css({
    'margin-left': $(".parallax-bg").css("marginLeft")
  });

  $(window).resize(function() {
    $(".parallax-slider").css({
      'margin-left': $(".parallax-bg").css("marginLeft")
    });
  });
});

谢谢。因为
视差bg
是在页面加载后生成的，所以我需要将其封装到一个
$（文档）.ready（函数（）
而不是
$（窗口）.load（函数（）
。添加了一个延时和淡入，效果很好：）