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 表单吗

使用 Composer 安装高级 Wordpress 主题

Composer/WordPress : wp-content 目录应该或不应该提交

PHP CodeSniffer WordPress 通过 Composer