مساعدة في جعل زر القائمة ل jQueryMobile

Question

جديد على 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.
      });
    });
});

Answer 1

لا يتم تطبيق 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 وما هو عليه.

قد يحدث هذا بشكل أسرع إذا قرأت قليلاً عن التحسين التدريجي.

حظا طيبا وفقك الله.