如何将水平效果的方向从rtl更改为ltr [英] How to change direction of horizontal effect from rtl to ltr

问题描述

我在 rtl 正文中有一个 panelGrid ，并且我将滑动效果应用于 panelGrid 内的一列，效果是从右到左应用，我想知道如何从ltr应用效果.

这是我的代码:

    <h:panelGrid id="closed_notebook" "columns="2">
        <h:panelGroup id="middle_closed" layout="block">
        </h:panelGroup>

        <h:panelGroup id="left_closed" layout="block">

            <h:outputLink id="open_book_link" value="javascript:void(0)"
                style="margin-right:110px;">
                <h:graphicImage value="/resources/images/book.png" />


                <p:effect  speed="2000" for="closed_notebook" type="fold"
                    event="click" >
                    <f:param name="mode" value="'hide'" />
                </p:effect>

                <p:effect type="blind" event="click" for="open_notebook"
                    speed="1000" delay="500">
                    <f:param name="mode" value="'show'" />
                </p:effect>

            </h:outputLink>
        </h:panelGroup>
    </h:panelGrid>

请告知，谢谢.

解决方案

<p:effect type="slide" event="click">
    <f:param name="direction" value="'left'">
</p:effect> 

PrimeFaces效果使用jQuery效果，因此文档可以对效果选项有所帮助. >

i have a panelGrid inside a rtl body and i am applying slide effect to one of the columns inside the panelGrid and the effect is applied from right to left, and i was wondering how to apply the effect from ltr.

herer's my code:

    <h:panelGrid id="closed_notebook" "columns="2">
        <h:panelGroup id="middle_closed" layout="block">
        </h:panelGroup>

        <h:panelGroup id="left_closed" layout="block">

            <h:outputLink id="open_book_link" value="javascript:void(0)"
                style="margin-right:110px;">
                <h:graphicImage value="/resources/images/book.png" />


                <p:effect  speed="2000" for="closed_notebook" type="fold"
                    event="click" >
                    <f:param name="mode" value="'hide'" />
                </p:effect>

                <p:effect type="blind" event="click" for="open_notebook"
                    speed="1000" delay="500">
                    <f:param name="mode" value="'show'" />
                </p:effect>

            </h:outputLink>
        </h:panelGroup>
    </h:panelGrid>

please advise, thanks.

解决方案

<p:effect type="slide" event="click">
    <f:param name="direction" value="'left'">
</p:effect> 

PrimeFaces effects using jQuery effects, so the documentation can be helpful about effect options.

这篇关于如何将水平效果的方向从rtl更改为ltr的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！