Откройте внешний HTML-фрагмент как всплывающее окно в jQuery mobile

Question

Откройте внешний HTML-фрагмент как всплывающее окно в jQuery mobile

хорошо, я немного ржавый с jQuery и новый для jQuery mobile, поэтому легко на меня;). Хорошо, я создаю мобильный сайт с jQuery mobile и у него много страниц, поэтому вместо того, чтобы хранить все страницы в одном большом многостраничном шаблоне, у меня есть их в отдельных шаблонах страниц. У меня есть кнопка меню, которая при нажатии появляется всплывающее окно со списком в нем, это работает, но я должен поместить меню в каждый шаблон страницы, но я бы просто просто сохранил меню в собственном html-файле или даже где-то в dom, который находится за пределами структуры страницы jQuery mobile, поэтому мне не нужно повторять код в каждом шаблоне страницы.

Как загрузить меню во всплывающее окно, когда оно находится в его собственном файле? В противном случае, как загрузить div в это всплывающее окно, которое не находится на странице jQuery mobile?

Моя кнопка:

   Menu

my listview menu html:

 <div data-role="popup" id="main-menu">
        
            
                Menu
            
            
                
                    How it Works
                
            
            
                
                    Order Now
                
            
            
                
                    FAQ
                
            
            
                
                    Help
                
            
            
                
                    Support
                
            
            
                
                   Main Website
                
            
        
 </div>

2

добавлено 28 Декабрь 2012 в 01:33 автор user794846 отредактировано 28 Декабрь 2012 в 01:46

Просмотры: 3

источник

nl ja de

Я добавил html для списка, но я не уверен в фактическом javascript-коде для всплывающего окна, и даже если он будет отвечать за то, что я прошу?

добавлено 28 Декабрь 2012 в 01:47, автор user794846, источник

Мне удалось частично его обработать с помощью следующего кода, но он загружает html в незанятый. <script type = "text/javascript"> $ ('[data-role = "page"]'). live ('pageshow', function() {$ ("# menu_button"). click (function() {$ («# main-menu»). load («main-menu.html»);});});

добавлено 28 Декабрь 2012 в 02:23, автор user794846, источник

Любой код или что-нибудь еще?

добавлено 28 Декабрь 2012 в 01:37, автор Praveen Kumar, источник

2 ответы

Видеокурс "Создание приложений для Android"

Получи множество видеоуроков по Android сейчас

Видеокурс по Java для начинающих

Получи видеокурс по Java для начинающих с упражнениями

автор E.J. Brennan · Answer 1 · 2012-12-28T01:50Z

В общем смысле, вот как вы можете загрузить html из внешнего файла в div, что я не совсем уверен, что вы пытаетесь сделать именно так:

$('#myDiv').load('somepath/somefile.html');

автор user1931838 · Answer 2 · 2013-01-10T02:05Z

У меня точно такая же проблема, я написал что-то, что отображает всплывающее окно, но частично отображает CSS [edit] еще несколько попыток, и я смог сделать его превосходным CSS:

$('[data-role=page]').live('pageshow', function (event, ui) {

  $('#'+event.target.id).find('[id=main-menu]').load('menu.html', function(){
    $('#'+event.target.id).find('[id=main-menu]').trigger('create');
  });

});

Btw ваша главная страница html должна содержать объявление div:

<div data-role="popup" id="main-menu"></div>
Menu

И ваш файл menu.html должен содержать только то, что находится внутри div:


<!-- .... listview content ... -->