继续这篇文章: Wordpress Visual Composer Strech Row and Direction RTL
这个jQuery解决方案非常适合窗口加载:
jQuery(window).load(function () {
if (jQuery('html').attr('dir') == 'rtl') {
jQuery('[data-vc-full-width="true"]').each(function (i, v) {
jQuery(this).css('right', jQuery(this).css('left')).css('left', 'auto');
});
}
});
但是我们如何在窗口调整大小时拉伸整行宽度?
答案 0 :(得分:0)
如果要在窗口调整大小和窗口加载时修复VC Row,请使用此解决方案:
$(window).on( 'resize', function() {
$( '.rtl [data-vc-full-width="true"]' ).each( function(){
$( this ).css( 'right' , $( this ).css( 'left' ) ).css( 'left' , 'auto' );
});
}).resize();
答案 1 :(得分:0)
为了获得更好的结果,请使用 vc-full-width-row jQuery自定义事件类型,并将代码放入事件处理程序回调函数中。
jQuery(document).on('vc-full-width-row', function($element) {
jQuery('.rtl [data-vc-full-width="true"]').each( function(i,v) {
var left = jQuery(this).css('left'),
right = jQuery(this).css('right'),
padding_left = jQuery(this).css('padding-left'),
padding_right = jQuery(this).css('padding-right');
jQuery(this).
css('right', left ).
css('left', right ).
css('padding-left', padding_right ).
css('padding-right', padding_left );
});
});