2016-01-29 28 views
4

我用先进的电网插件,我设定的方向:在CSS文件IM“RTL”尝试使用此代码力全宽问题,当使用RTL

<?php if($force_full_width == 1) { ?> 
<script type="text/javascript"> 
    function force_full_width_<?php echo $advanced_id; ?>() { 
      var p = $(".standard-body .full-width .advanced-grid-<?php echo $advanced_id; ?>"); 
      if(p.size() > 0) { 
       p.width($('body').width()); 
       p.css("left", "0px"); 
       var position = p.offset(); 
       p.css("left", "-" + position.left + "px"); 
       p.find(".container").css("padding-left", position.left); 
       p.find(".container").css("padding-right", position.left); 
      } 

      var s = $(".standard-body .fixed .advanced-grid-<?php echo $advanced_id; ?>"); 
      if(s.size() > 0) { 
       s.width($('.standard-body .fixed .pattern').width()); 
       s.css("left", "0px"); 
       var position = s.offset(); 
       var position2 = $('.standard-body .fixed .pattern').offset(); 
       var position3 = position.left-position2.left; 
       s.css("left", "-" + position3 + "px"); 
       s.find(".container").css("padding-left", position3); 
       s.find(".container").css("padding-right", position3); 
      } 

      var b = $(".standard-body .fixed2 .advanced-grid-<?php echo $advanced_id; ?>"); 
      if(b.size() > 0) { 
       b.width($('body').width()); 
       b.css("left", "0px"); 
       var position = b.offset(); 
       b.css("left", "-" + position.left + "px"); 
       b.find(".container").css("padding-left", position.left); 
       b.find(".container").css("padding-right", position.left); 
      } 

      var c = $(".fixed-body .advanced-grid-<?php echo $advanced_id; ?>"); 
      if(c.size() > 0) { 
       c.width($('.fixed-body .main-fixed').width()); 
       c.css("left", "0px"); 
       var position = c.offset(); 
       var position2 = $('.fixed-body .main-fixed').offset(); 
       var position3 = position.left-position2.left; 
       c.css("left", "-" + position3 + "px"); 
       c.find(".container").css("padding-left", position3); 
       c.find(".container").css("padding-right", position3); 
      } 
    } 

    force_full_width_<?php echo $advanced_id; ?>(); 

    $(window).resize(function() { 
      force_full_width_<?php echo $advanced_id; ?>(); 
    }); 
</script> 
<?php } ?> 
在LTR的工作好这样的形象

GET力全宽

http://i.stack.imgur.com/l9rTi.jpg

但在RTL语言得到空的空间这样的形象

http://i.imgur.com/ny2hvt5.jpg

如何使这项工作好与RTL方向

+5

由于这似乎是一个样式问题,我要求您提供一个工作代码演示(即codepen或类似代码),以便我们可以使用检查器来了解正在发生的事情并提供修改问题的编辑。一般情况下,宽度计算不正确。 – TerraElise

+3

你能提供CSS和HTML吗?这可能是问题所在。 – Varin

+2

寻求调试帮助的问题(“为什么这个代码不工作?”)必须包含所需的行为,特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者无益。请参阅:[MCVE] – Abhitalks

回答

0

没有办法,以确保有什么实际的问题,因为没有HTML提供的,所以我们根本没有办法知道的Javascript的一部分,正在上屏幕截图的一部分。

但是,对于正确方向的一些提示,似乎对这种样式使用Javascript过度复杂化了这个问题。这个问题应该可以用CSS来解决,而Javascript只是显示/隐藏需要的语言变化。只需使用100%宽度的容器,然后将容器内的元素解决问题。

0

提供的文件是滑块的JavaScript。但是您需要HTML代码才能将滑块插入HTML页面。

然后,您可以将HTML代码本身的宽度更改为100%。

如果您可以提供html代码,则可以解决相关问题。