スクリプトでページの追加

クイックスタートの例に基づき、addメソッド、stepHeaderTemplate オプション、および panelTemplate オプションを使用して、ウィザードにページを追加できます。

HTML ファイルの <head> セクションで、ドキュメントの ready 関数を含むスクリプトを次のスクリプトに置き換えます。このスクリプトは、ステップのヘッダーとパネルに使用するテンプレートを設定し、２番目の位置に新しいステップを追加します。

ドロップダウンからスクリプトをコピーして、<head> セクション内に貼り付けます

スクリプト	コードのコピー
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#pages").wijwizard({ stepHeaderTemplate: '<li><h5>#{title}</h5>#{desc}</li>', panelTemplate: '<div><p>This is the new page content.</p</div>' }); $("#pages").wijwizard("add", 1, "Extra Step", "This is the new step"); }); </script>

HTML ファイルの <body> セクションで、基本的なウィザードのマークアップを次のマークアップに置き換えます。このマークアップは、ヘッダー付きでステップを追加し、コンテンツも追加します。

ドロップダウンからマークアップをコピーして、<body> セクション内に貼り付けます

関連トピック