jquery - 从一个类别到另一个类别应用相同的Margin-Left值

我有两个div，分别是类parallax-slider和parallax-bg。

parallax-bg具有与之关联的margin-left类，该类根据窗口调整大小或浏览器大小而变化。

我希望将其复制到parallax-slider并使其具有与margin-left相同的parallax-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', ''))
   });
 });
});

但这不起作用，仅将margin-left: 0px;属性添加到parallax-slider

我在做什么错，以便可以获取parallax-bg的margin-left属性以将其应用于parallax-slider？

最佳答案

尝试删除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")
    });
  });
});

https://jsfiddle.net/x0aderjj/1/

关于jquery - 从一个类别到另一个类别应用相同的Margin-Left值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43702304/