Latest web development tutorials

財団無謀な行動

無謀な行動は、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( '無謀な行動'、 'スタート');
})
</スクリプト>
»をお試しください

分析の例

上記の例では、私たちは、それぞれが別々の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');