Question

继续这篇文章： 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');
        });
    }
});

但是我们如何在窗口调整大小时拉伸整行宽度？

Answer 1

如果要在窗口调整大小和窗口加载时修复VC Row，请使用此解决方案：

$(window).on( 'resize', function() {
    $( '.rtl [data-vc-full-width="true"]' ).each( function(){
        $( this ).css( 'right' , $( this ).css( 'left' ) ).css( 'left' , 'auto' );
    });
}).resize();

Answer 2

为了获得更好的结果，请使用 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 );
    });

});

Wordpress视觉作曲家RTL在窗口调整大小

2 个答案: