مساعدة في جعل زر القائمة ل jQueryMobile
-
26-09-2019 - |
سؤال
جديد على jquery و jquerymobile.
كل ما أريد فعله هو إخفاء القائمة الرئيسية ، وإنشاء زر "قائمة" في شريط Nav Top. عندما ينقر المستخدم على هذا الزر ، يظهر منبثق مع "أفضل القائم".
لقد خدعت وعلى mobile.css قمت بتشغيل "أفضل القائمون" لعرضه: لا شيء لإخفائه في البداية.
تعديل
حصلت عليها أقرب ، ولكن ليست مثالية. الآن في القائمة ، انقر فوق (كان يبحث عن OnTouch أو OnTap ولكن لم يستطع العثور على معلومات API). هل هناك طريقة بدلاً من ظهورها تفتح على نافذة منبثقة؟
أيضًا ، لسبب ما لا يظهر موضوع البيانات أو أيقونة أيضًا.
$(document).ready(function(){
$('#header').append('<div data-role="navbar"><ul><li class="mainMenu"><a href="#" data-iconpos="top" data-icon="grid" data-theme="b">Menu</a></li><li><a href="#">facebook</a></li><li><a href="#">Twitter</a></li></ul></div>');
$('.mainMenu').click(function() {
$('#top-menu').toggle('fast', function() {
// Animation complete.
});
});
});
المحلول
لا يتم تطبيق JQM CSS على ما تضيفه يدويًا إلى DOM. عليك الاتصال .page()
على هذا البند.
لمزيد من التفاصيل انظر http://jquerymobiledictionary.dyndns.org/faq.html - سؤال حول إضافات DOM
تعديل
قد يكون هذا أفضل من اختراقه: http://jquerymobile.com/demos/1.0a2/#docs/toolbars/bars-fullscreen.html
كرد على تحريرك
بادئ ذي بدء - حاول عدم استخدام JavaScript لما هو غير مطلوب. لماذا تملأ الرأس مع JavaScript إذا لم تكن بحاجة إليه؟ لم تستخدم أي متغيرات هناك.
الشيء الثاني - لم تقرأ البرنامج التعليمي الخاص بي. لن يتم تطبيق أي أشياء محددة من جوال jQuery إذا قمت بإنشاء محتوى DOM جديد بعد أن يكون المستند جاهزًا. إذا قمت بذلك ، عليك الاتصال .page()
على محتوى جديد. لهذا السبب لا يزال لا يعمل.
الأحداث جاذبية في قسم المستندات والعروض التوضيحية http://jquerymobile.com/demos/1.0a2/ فقط يجب أن تنقر events
.
أخيرًا - لا توجد منبثقة في الهواتف المحمولة. إذا كنت مربعًا ، فقم بإلقاء نظرة على مربعات الحوار في مستندات JQM.
كانت JQuery طريقة مختلفة تمامًا مع JavaScript و JQuery Mobile هي أيضًا فكرة جديدة. ستبقى حدسك وخبراتك من jQuery عديمة الفائدة لبعض الوقت ، حتى تحصل على فكرة JQM وما هو عليه.
قد يحدث هذا بشكل أسرع إذا قرأت قليلاً عن التحسين التدريجي.
حظا طيبا وفقك الله.