Wordpress Visual Composer Strech 行和方向 RTL
Posted
技术标签:
【中文标题】Wordpress Visual Composer Strech 行和方向 RTL【英文标题】:Wordpress Visual Composer Strech Row and Direction RTL 【发布时间】:2017-01-23 04:36:41 【问题描述】:当我尝试在 Visual Composer 的行设置中拉伸行时,行会拉伸,但行的位置都是错误的。
仅当 body 方向有 direction:rtl
css 设置时才会发生。
网站上线:http://ono.devurl.net/?page_id=871
有什么办法解决吗?
尤瓦尔.
【问题讨论】:
【参考方案1】:尤瓦尔嘿!
试试这个脚本来解决你的问题。
if( jQuery('html').attr('dir') == 'rtl' )
jQuery('[data-vc-full-]').each( function(i,v)
jQuery(this).css('right' , jQuery(this).css('left') ).css( 'left' , 'auto');
);
将此脚本代码放入 jQuery(window).load.
希望对你有帮助:)
【讨论】:
很好,但是resize还是有问题:(【参考方案2】:使用 css 可以更容易地解决它,并且在调整页面大小时它也可以工作。 在 [data-vc-full-] 之前为行找到一个类并将此类 css 添加到您的 rtl.css
.before-fullwidth-row
direction: ltr;
.before-fullwidth-row > div
direction: rtl;
似乎有效...
【讨论】:
【参考方案3】:如果您还想在window resize
上修复 VC Row,请使用此解决方案:
$(window).on( 'resize', function()
$( '.rtl [data-vc-full-]' ).each( function()
$( this ).css( 'right' , $( this ).css( 'left' ) ).css( 'left' , 'auto' );
);
).resize();
【讨论】:
【参考方案4】:针对 RTL 的 WordPress Visual Composer 全宽行(拉伸行)修复
jQuery(document).ready(function()
function bs_fix_vc_full_width_row()
var $elements = jQuery('[data-vc-full-]');
jQuery.each($elements, function ()
var $el = jQuery(this);
$el.css('right', $el.css('left')).css('left', '');
);
// Fixes rows in RTL
jQuery(document).on('vc-full-width-row', function ()
bs_fix_vc_full_width_row();
);
// Run one time because it was not firing in Mac/Firefox and Windows/Edge some times
bs_fix_vc_full_width_row();
);
Source
【讨论】:
以上是关于Wordpress Visual Composer Strech 行和方向 RTL的主要内容,如果未能解决你的问题,请参考以下文章
在 Visual Composer Wordpress 中隐藏数组选项时遇到问题
Visual Composer 未加载 Hubspot 表单嵌入
我可以使用 Ajax 和 Visual Composer(原始 HTML 和原始 JS)提交 HTML Salesforce 表单吗