Помогите с кнопкой меню для jquerymobile

StackOverflow https://stackoverflow.com/questions/4239115

  •  26-09-2019
  •  | 
  •  

Вопрос

Новый до jQuery и jQuerymobile.

Все, что я хочу сделать, это скрыть главное меню и создать кнопку «Меню» на панели Top Nav. Когда пользователь нажимает на эту кнопку, появляется всплывающее окно с «верхним меню».

Я изменял и на Mobile.css я повернул «верхнее меню» для отображения: никто, чтобы изначально его скрыть.

РЕДАКТИРОВАТЬ

Получил это ближе, но не идеально. Теперь в меню нажмите (искал OnTouch или OnTap, но не смог найти меню API Info). Есть ли способ, что вместо этого появляется он открывается на всплывающем окне?

Кроме того, по какой-то причине тема данных или значок также не отображаются. 

$(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.
      });
    });
});
Это было полезно?

Решение

CSS JQM не применяется к тому, что вы добавляете вручную в DOM. Вы должны позвонить .page() на этом предмете.

Подробнее см http://jquerymobiledicationary.dyndns.org/faq.html. - Вопрос о Дом Дополнения

редактировать

Это может быть лучше, чем взломать это: http://jquerymobile.com/demos/1.0a2/#docs/toolbars/bars-fullscreen.html.

как ответ на ваше редактирование

Прежде всего - старайтесь не использовать JavaScript для того, что он не нужен. Зачем наполнять заголовок JavaScript, если вам это не нужно? Вы не использовали там какие-либо переменные.

Во-вторых - ты не читал свое учебное пособие. Ни один конкретный материал JQuery Mobile не будет применен, если вы создадите новый контент DOM после готовности документа. Если вы это сделаете, вы должны позвонить .page() на новом контент. Вот почему он все еще не работает.

События доступны в разделе DOCS & DEMOS http://jquerymobile.com/demos/1.0a2/ просто нужно нажать events.

Наконец - в мобильных телефонах нет всплывающих окон. Если вам диалог, посмотрите на диалоги в Docs JQM.

JQuery был совершенно другим подходом к JavaScript и jQuery Mobile - это также новая идея. Ваши интуиции и опыт работы от JQuery будут оставаться бесполезными в течение некоторого времени, пока не получите идею JQM и что это за.

Это может произойти быстрее, если вы читаете немного по усовершенствованию.

Удачи.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top