ссылка на подстраницы в jquery mobile

Question

У меня есть одностраничное мобильное приложение jquery, в котором есть несколько родительских страниц (непосредственно под телом) и несколько дочерних страниц, динамически генерируемых (с backbone.js) и находящихся в другом разделе.

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

Ниже приводится простое описание проблемы.Страница-2 работает нормально, но страница-3 внутри Div не меняется.

http://jsfiddle.net/zwhEB/

Answer 1

У вас есть дополнительный div, обернутый вокруг страницы 3

• http://jsfiddle.net/zwhEB/1/ (закомментирован дополнительный div, рабочий)

HTML

<!-- Remove this extra div -->
<!-- <div id="pages"> -->
    <div data-role="page" id="p3">
        <div  data-role="header" data-rel="back">
               <h1>Header Page 2</h1>
        </div>

        <div  data-role="content">
            <p>This is page2</p>
        </div>

        <div  data-role="footer"><h4>Footer</h4></div>
    </div>
<!-- Remove this extra closing div -->
<!-- </div> -->