مؤسسة سياقة المتعة
النزهة هو تأثير وظيفة المعالج جافا سكريبت، إنشاء مثيل على النحو التالي:
أمثلة
<! - عناصر التي تتحكم في جولة توقف ->
<معرف H3 = "أولا"> تتوقف أولا! </ H3>
<H3 ID = "الثاني"> المحطة الثانية! </ H3>
<- والنزهة:! يجب أن توضع في أسفل الصفحة الخاصة بك، ولكن داخل <BODY> ->
<رأ الطبقة = "النزهة-قائمة " بيانات النزهة>
<لي البيانات معرف = "الأول ">
<P> المحطة الأولى. ركوب قد بدأت! </ P>
</ لى>
<لي البيانات معرف = "الثاني ">
<H4> المحطة الثانية </ H4 >
<P> إن أي HTML صالح العمل داخل سياقة المتعة. </ P>
</ لى>
<لي البيانات على زر = "إنهاء ">
<H4> النهاية توقف </ H4 >
<P> الجولة قد انتهت. يمكنك إما العودة إلى المحطة السابقة أو إغلاقه. </ P>
</ لى>
</ رأ>
<! - بداية سياقة المتعة عند تهيئة - >
<script>
$ (الوثيقة) .ready (وظيفة () {
$ (الوثيقة) .foundation ( 'النزهة'، 'بداية')؛
})
</ script>
محاولة » <معرف H3 = "أولا"> تتوقف أولا! </ H3>
<H3 ID = "الثاني"> المحطة الثانية! </ H3>
<- والنزهة:! يجب أن توضع في أسفل الصفحة الخاصة بك، ولكن داخل <BODY> ->
<رأ الطبقة = "النزهة-قائمة " بيانات النزهة>
<لي البيانات معرف = "الأول ">
<P> المحطة الأولى. ركوب قد بدأت! </ P>
</ لى>
<لي البيانات معرف = "الثاني ">
<H4> المحطة الثانية </ H4 >
<P> إن أي HTML صالح العمل داخل سياقة المتعة. </ P>
</ لى>
<لي البيانات على زر = "إنهاء ">
<H4> النهاية توقف </ H4 >
<P> الجولة قد انتهت. يمكنك إما العودة إلى المحطة السابقة أو إغلاقه. </ P>
</ لى>
</ رأ>
<! - بداية سياقة المتعة عند تهيئة - >
<script>
$ (الوثيقة) .ready (وظيفة () {
$ (الوثيقة) .foundation ( 'النزهة'، 'بداية')؛
})
</ script>
أمثلة تحليلية
في المثال أعلاه، فإننا نخلق عنصرين، لكل منها هوية منفصلة. اثنين من عناصر تحدد بداية ونهاية مواقف النزهة.
نحن <ol> أو <ul> لإضافة عنصر data-joyride الملكية و .joyride-list فئة لإنشاء النزهة. تحتاج إلى تعريف في الرأس وثيقة (في <body> في الرأس). تستخدم في كل قائمة <li> العناصر، حيث أضافت كل data-id=" value " السمة. يجب أن تكون قيمة السمة نفسها قبل عنصر الهوية. حتى وظيفة الملاحة الأولى <h3> العنصر باستخدام معرف = "أولا" يجب أن تكون البيانات معرف <li> وعنصر = "الأول" اتفاق قيمة.
إذا لم يكن ليتمكن من وقف الهوية، فإنه سيتم عرض مربع مشروط.
وأخيرا، سياقة المتعة يتطلب جافا سكريبت لتهيئة ذلك، رمز هو: $(document).foundation('joyride', 'start');