Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery步骤下一步按钮未移动到下一个选项卡_Javascript_Jquery - Fatal编程技术网

Javascript jQuery步骤下一步按钮未移动到下一个选项卡

Javascript jQuery步骤下一步按钮未移动到下一个选项卡,javascript,jquery,Javascript,Jquery,我使用jQuery步骤设置了一个选项卡式表单,这是可行的,但是下一个底部移动到下一个选项卡没有任何作用 我的jQuery: var form = $("#forms"); form.children("div").steps({ headerTag: "h3", bodyTag: "section", transitionEffect: "slideLeft", }); 表格布局: <form id="forms" on

我使用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>  

包裹详情
餐厅
地址
完成
试试这个

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

如果可能,请提供JSFIDLE,这是使用的插件请删除div,然后对我来说,tryWorks很好