如何定制jquery步骤

作者: 句号了
发布时间: 2025-03-17 02:06:51 (23天前)
转自：

3 条回复

0#
回复此人
如果 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> JQuery不用于html文件请使用与下面相同的jquery脚本 </p> <pre> <code> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-steps/1.1.0/jquery.steps.min.js"></script> </code> </pre> <P> 我改变你的jsfiddle链接 <a href="https://jsfiddle.net/Sunesis/xsd9ozrf/6/" rel="nofollow noreferrer"> https://jsfiddle.net/Sunesis/xsd9ozrf/6/ </A> </p> </DIV>

编辑
1#
回复此人
12345 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 简单的方法是使用JQuery，你可以通过访问按钮 <code> $('a[href$="#previous"]') </code> 。为了能够使用JQuery，请将此链接添加到您的项目中 <code> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </code> 。 </p> <P> 所以试试下面的代码，应该工作正常。小提琴： <a href="https://jsfiddle.net/g1sxtLv0/3/" rel="nofollow noreferrer"> https://jsfiddle.net/g1sxtLv0/3/ </A> </p> <pre> <code> $(function () { $('#wizard').steps({ headerTag:"h2", bodyTag: "fieldset", transitionEffect: "slideLeft", onStepChanging: function (event, currentIndex, newIndex) { if ( newIndex === 1 ) { console.log('Verification Code') } if ( newIndex === 2 ) { console.log('Confirm details') $('a[href$="#previous"]').html('No'); $('a[href$="#next"]').html('Yes'); } if(newIndex === 3){ $('a[href$="#previous"]').html('⇽'); $('a[href$="#next"]').html('⇾'); } return true; }, labels:{ finish: "✓", next: "⇾", previous: "⇽" } }); }); </code> </pre> </DIV>

编辑

登录后才能参与评论