将同一个Margin-Left值从一个类应用到另一个类

时间:2017-04-30 02:22:21

标签: jquery css

我有两个div,类parallax-sliderparallax-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

1 个答案:

答案 0 :(得分:1)

尝试删除替换('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/