1 Reply Latest reply on Jul 17, 2012 1:25 PM by Divyansh Madan

    does anyone have a working example of jquery mobile?

    tom abroad

      im tryin to use popup or slide like this:

      <div data-role="page">

        <div data-role="header">

                          <h1>Page Title</h1>

                </div><!-- /header -->

       

                 <div data-role="content">

                          <p>Page content goes here.index2</p>

                          <p><a href="#two" data-role="button">Show page "two"</a></p>

                          <p><a href="#popup" data-role="button" data-transition="slide">Show page "popup" (as a slide)</a></p>

                          <p><a href="#popup" data-role="button" data-rel="dialog" data-transition="pop">Show page "popup" (as a dialog)</a></p>

                </div><!-- /content -->

       

                 <div data-role="footer">

                          <h4>Page Footer</h4>

                </div><!-- /footer -->

        </div>

           

      <!-- Start of second page: #two -->

      <div data-role="page" id="two" data-theme="a">

       

                <div data-role="header">

                          <h1>Two</h1>

                </div><!-- /header -->

       

                <div data-role="content" data-theme="a">

                          <h2>Two</h2>

                          <p>I have an id of "two" on my page container. I'm the second page container in this multi-page template.</p>

                          <p>Notice that the theme is different for this page because we've added a few <code>data-theme</code> swatch assigments here to show off how flexible it is. You can add any content or widget to these pages, but we're keeping these simple.</p>

                          <p><a href="#one" data-direction="reverse" data-role="button" data-theme="b">Back to page "one"</a></p>

                  </div><!-- /content -->

       

                <div data-role="footer">

                          <h4>Page Footer</h4>

                </div><!-- /footer -->

      </div><!-- /page two -->

       

       

       

      >> but somehow none of them are working. my layout file is the same as on the wiki.

      thx