не работает мобильная страница jquery

Question

Я хочу использовать плагин jQuery Mobile для подстраниц (https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget), поэтому добавьте div в 'PAGE' следующим образом:

 <div class="content-view" data-role="page" id="details">

    <div id="detailsSubPage" data-role="subpage">
        <div data-role="header" data-position="fixed">
            <h1>
                TESTING SUBPAGE</h1>                
        </div>
    </div>
</div>

тогда вне этого у меня есть ссылка на подстраницу:

   <a href="#details&ui-page=detailsSubPage" data-ajax="false" >

но он не работает, он открывает пустую страницу, не показывая этот заголовок демо .. что мне здесь не хватает?

Answer 1

Насколько мне известно, это не то, что предлагает виджет.

Вы не можете ссылаться из-за пределов главной страницы непосредственно на подстраницу.

Виджет позволяет вам загружать ajax (с хорошим переходом) многостраничный с функционирующими подстраницами.

Без виджета вам пришлось бы загружать главную страницу без ajax, иначе подстраница не была бы включена.

Answer 2

это правильная структура: / div data-role = "page" class = "list-view-page" id = "list" /

содержание главной страницы / div data-role = "subpage" class = "list-view-page" id = "Overview2" /

содержание подстраницы // div close div

/ div data-role = "subpage" class = "list-view-page" id = "Overview" / содержание подшаба 2 // div close div

// div> // закрыть страницу div