Jquery Mobile SplitView для Iphone - PullRequest
Новая
       7

Jquery Mobile SplitView для Iphone

0 голосов
/ 15 марта 2012

Как заставить Jquery Mobile splitView (http://asyraf9.github.com/jquery-mobile/) работать с Iphone,

Я попытался изменить минимальную ширину: 480px на меньшие значения в jquery.mobile.splitview.js, это не так 't работа.

Любая идея, пожалуйста?

Я взял пример отсюда, https://github.com/asyraf9/jquery-mobile/. Он прекрасно работает при просмотре с ipad и рабочего стола, но не для моего Android и Iphoneустройства.

Пример кода: 

   <div data-role="panel" data-id="menu">
                <!-- Start of first page -->
                <div data-role="page" id="foo">

                    <div data-role="header">
                        <h1>Foo</h1>
                    </div><!-- /header -->

                    <div data-role="content">   
                        <p>I'm first in the source order so I'm shown as the page.</p>      
                        <p>View internal page called <a href="#bar">bar</a></p> 
                    </div><!-- /content -->

                    <div data-role="footer">
                        <h4>Page Footer</h4>
                    </div><!-- /footer -->
                </div><!-- /page -->
                <!-- other side panel pages here -->
            </div>
            <div data-role="panel" data-id="main">
                <!-- Start of second page -->
                <div data-role="page" id="bar">

                    <div data-role="header">
                        <h1>Bar</h1>
                    </div><!-- /header -->

                    <div data-role="content">   
                        <p>I'm first in the source order so I'm shown as the page.</p>      
                        <p><a href="#foo">Back to foo</a></p>   
                    </div><!-- /content -->

                    <div data-role="footer">
                        <h4>Page Footer</h4>
                    </div><!-- /footer -->
                </div><!-- /page -->
                <!-- other main panel pages here -->
            </div>

1 Ответ

0 голосов
/ 16 марта 2012

это не будет работать на iphone .. Я попробовал это, даже если вы измените 480px, он станет настолько медленным, что станет непригодным для использования ...
лучший способ - иметь 3 режима-> 2 столбца
popover -> в ipad появляется дополнительное представление splitview .. с всплывающим меню
none -> для обычных телефонов.

способ, которым вы можете это сделать, это увидеть код spltview, где он проверяет условие того, может ли splitview работать или нет.в другом случае он удаляет все html панели и оставляет только html панели меню.так что это ваш третий случай.я предлагаю тебе сделать это только так

...