財団無謀な行動
無謀な行動は、JavaScript関数ウィザードの影響で、次のようにインスタンスを作成します。
例
<! -ツアーがコントロール要素を停止します- >
<H3 ID = "最初">まず停止!</ H3>
<H3 ID = "秒">第二ストップ!</ H3>
< -無謀な行動を:!する必要があり 、あなたのページの一番下に置かれますが、内部の<body> - >
<オルクラス= "無謀な行動リスト 」のデータ無謀な行動>
<李データ-ID = "最初 ">
<P>まずストップ。乗り心地が始まった!</ P>
</李>
<李データ-ID = "秒 ">
<H4>セカンドストップ</ H4 >
<P>任意の有効なHTMLが正常に動作します JOYRIDE内側に。</ P>
</李>
<李データ-ボタン= "終了 ">
<H4>エンドストップ</ H4 >
<P>ツアーは終わった。あなたは、前の停留所まで行くことができるのいずれか、またはそれを閉じます。</ P>
</李>
</オル>
<! -初期化時にスタートJOYRIDE - >
<スクリプト>
$(ドキュメント).ready(関数(){
$(ドキュメント).foundation( '無謀な行動'、 'スタート');
})
</スクリプト>
»をお試しください <H3 ID = "最初">まず停止!</ H3>
<H3 ID = "秒">第二ストップ!</ H3>
< -無謀な行動を:!する必要があり 、あなたのページの一番下に置かれますが、内部の<body> - >
<オルクラス= "無謀な行動リスト 」のデータ無謀な行動>
<李データ-ID = "最初 ">
<P>まずストップ。乗り心地が始まった!</ P>
</李>
<李データ-ID = "秒 ">
<H4>セカンドストップ</ H4 >
<P>任意の有効なHTMLが正常に動作します JOYRIDE内側に。</ P>
</李>
<李データ-ボタン= "終了 ">
<H4>エンドストップ</ H4 >
<P>ツアーは終わった。あなたは、前の停留所まで行くことができるのいずれか、またはそれを閉じます。</ P>
</李>
</オル>
<! -初期化時にスタートJOYRIDE - >
<スクリプト>
$(ドキュメント).ready(関数(){
$(ドキュメント).foundation( '無謀な行動'、 'スタート');
})
</スクリプト>
分析の例
上記の例では、私たちは、それぞれが別々のIDを持って、2つの要素を作成します。 2つの要素は、開始位置と終了位置の無謀な行動を設定します。
私たちは<ol>
または<ul>
要素を追加するにはdata-joyride
財産と.joyride-list
無謀な行動を生成するクラスを。 あなたは(文書の頭の中でそれを定義する必要があり<body>
頭の中で)。 各リストで使用される<li>
要素、各追加data-id=" value "
属性。 属性値は id要素の前に同じでなければなりません。 したがって、最初のナビゲーション機能<h3>
要素使用してのid = "最初"でなければならないデータ-idの<LI>要素= "最初"の値合意。
あなたがIDを停止するために管理していない場合は、モーダルボックスが表示されます。
最後に、無謀な行動は、それを初期化するにはJavaScriptが必要です、コードは次のとおりです。 $(document).foundation('joyride', 'start');