jQuery Steps next按钮不移动到下一个选项卡

Question

我使用jQuery步骤设置了一个选项卡式表单，这是有效的，但移动到下一个选项卡的下一个底部没有做任何事情。

我的jQuery:

var form = $("#forms");
    form.children("div").steps({
        headerTag: "h3",
        bodyTag: "section",
        transitionEffect: "slideLeft",
    });

表单布局：

 <form id="forms" onsubmit="return false;">
    <div>
        <h3>Package Details</h3>
        <section></section>
        <h3>Restaurant</h3>
        <section></section>
        <h3>Address</h3>
        <section></section>
        <h3>Finish</h3>
        <section></section>
    </div>
</form>  

Answer 1

试试这个

$("#forms").steps({
    headerTag: "h3",
    bodyTag: "section",
    transitionEffect: "slideLeft",
    autoFocus: true
});