ToggleClass没有添加Jquery Delay?

时间:2015-06-23 14:04:05

标签: javascript jquery html css toggleclass

我正在尝试为toggleclass'slidein'添加延迟,但它似乎没有添加到它。

这是我的fiddle

这是我的代码;

 $(function () {
        $(".expand").on("click", function () {
            $(this).next().slideToggle();

                if ($(this).next().css("display", "block")) {



                    $(this).next().children('#slidinghold').delay(5000).toggleClass('slidein');


            }

            $expand = $(this).find(">:first-child");


            if ($expand.text() == "\u25B6") {
                $expand.text("\u25BC");


            } else {
                $expand.text("\u25B6");
            }
        });

    });

3 个答案:

答案 0 :(得分:3)

试试这个:

std::vector<std::vector<int>>

Fiddle

答案 1 :(得分:2)

使用setTimeout而不是延迟。样本:

$(".expand").on("click", function () {

    $(".expand").next().children('#slidinghold').removeClass('active-expand');

    $(this).next().children('#slidinghold').addClass('active-expand');

    setTimeout(function () {
        $('.active-expand').next().children('#slidinghold').toggleClass('slidein');
    }, 500);
});

demo https://jsfiddle.net/anthonypagaycarbon/v1geqa8e/

答案 2 :(得分:0)

jQuery's doc所述

  

.delay()不能替代JavaScript的原生setTimeout函数,这可能更适合某些用例

所以你可以使用window.setTimeout来实现这个目的:

<plugin>
                <groupId>org.codehaus.mojo</groupId>
                <artifactId>jboss-maven-plugin</artifactId>             
                <configuration>
                    <skip>false</skip>
                    <jbossHome>${env.JBOSS_HOME}</jbossHome>
                    <serverName>default</serverName>
                    <unpack>true</unpack>
                    <fileNames>
                        <fileName>build/cadprev-web-ear-1.0.0.ear</fileName>
                    </fileNames>
                </configuration>
                <executions>
                    <execution>
                        <phase>install</phase>
                        <goals>
                            <goal>hard-deploy</goal>
                        </goals>
                    </execution>
                </executions>

            </plugin>