ویزارد

نشانه گذاری اصلی جادوگر

عنصر Wizards در استک از پلاگین jQuery Steps استفاده می کند. این افزونه قابلیت جادوگر پیشرفته را ارائه می دهد و برای توسعه دهندگانی که نیاز به نصب چند قسمتی، ثبت نام، فرآیندهای آموزشی و موارد دیگر دارند ایده آل است.

در اینجا یک مثال اساسی از نحوه ایجاد یک Wizard در صفحه خود آورده شده است. برای مثال‌های پیشرفته‌تر، از جمله اعتبارسنجی فرم، نمونه‌های افزونه را در اینجا ببینید: گام‌های jQuery توسط رافائل استیب

طرح اولیه برای Wizard به والد نیاز دارد عنصر .wizard که در آن قرار دارد عناصر <h5> که به عنوان عنوان هر پانل در جادوگر و عناصر <section> که محتوای هر پانل را در خود جای داده است. این در قطعه نشانه گذاری زیر نشان داده شده است:

<div class="wizard">
    <h5>Panel Title</h5>
    <section>
    	... Panel Content ...
    </section>
    <h5>Panel Title</h5>
    <section>
    	... Panel Content ...
    </section>
    <h5>Panel Title</h5>
    <section>
    	... Panel Content ...
    </section>
</div>