Требуется приложение для iPad с использованием справки JQtouch - PullRequest
Новая
       1

Требуется приложение для iPad с использованием справки JQtouch

0 голосов
/ 25 января 2011

так что в основном это моя вторая попытка создания приложения для ipad с использованием jquery и jqtouch (см. Другие мои вопросы)окно - в 2 окна.так что он больше подходит для ipad

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

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

что у меня есть, все ссылки меню отображаются настраница, при нажатии на ссылку меню, ссылки меню перемещаются влево, чтобы показать выбранную ссылку.

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

Кто может мне помочь ??????пожалуйста?

любой ответ будет с благодарностью принят.

Я не уверен, разрешены ли ссылки, но я бы хотел, чтобы это выглядело примерно так:

http://en.myfreeweb.ru/designing-an-ipad-web-application-with-jqtouc

как это выглядит до сих пор:

Мой веб-сайт jQtouch @import "jqtouch.css";@import "theme.css";

    <script type="text/javascript" charset="utf-8">
        var jQT = new $.jQTouch({
            icon: 'jqtouch.png',
            addGlossToIcon: false,
            startupScreen: 'jqt_startup.png',
            statusBar: 'black'
        });
    </script>
</head>
<body>
    <div id="page1">
        <div class="toolbar">
            <h1>CISM Diary App</h1>
        </div>
        <ul class="edgetoedge">
            <li><a class="pop" href="#page2">Latest News</a></li>
            <li><a href="#page3">Important Uploads</a></li>
            <li><a href="#page4">Personal Details</a></li>
            <li><a href="#page5">Timetable</a></li>
            <li><a href="#page6">Tasks</a></li>
            <li><a href="#page7">Staff Lookup</a></li>
            <li><a href="#page8">University Information</a></li>
        </ul>
    </div>
    <div id="page2">

        <div class="toolbar">
            <a href="#" class="back">back</a>
            <h1>Latest News</h1>
        </div>
        <div class="info">
            Hello this is page one huiphguipghuipbuytbouybtouokhjpoinugbougnouygnou
        </div>
    </div>
    <div id="page3">
        <div class="toolbar">
            <a href="#" class="back">back</a>
            <h1>Important Uploads</h1>
        </div>
        <div class="info">
            Hello this is page two
        </div>
    </div>
    <div id="page4">
        <div class="toolbar">
            <a href="#" class="back">back</a>
            <h1>Personal Details</h1>
        </div>
        <div class="info">
            Hello this is page three
        </div>
    </div>
    <div id="page5">
        <div class="toolbar">
            <a href="#" class="back">back</a>
            <h1>Timetable</h1>
        </div>
        <div class="info">
            Hello this is page th
        </div>
    </div>
    <div id="page6">
        <div class="toolbar">
            <a href="#" class="back">back</a>
            <h1>Tasks</h1>
        </div>
        <div class="info">
            Hello this is page three
        </div>
    </div>
    <div id="page7">
        <div class="toolbar">
            <a href="#" class="back">back</a>
            <h1>Staff Lookup</h1>
        </div>
        <div class="info">
            Hello this is page three
        </div>
    </div>
    <div id="page8">
        <div class="toolbar">
            <a href="#" class="back">back</a>
            <h1>University Information</h1>
        </div>
        <div class="info">
            Hello this is page three
        </div>
    </div>

</body>

1 Ответ

0 голосов
/ 06 марта 2011

Я думаю, вы должны взглянуть на этот форк JQTouch, который имеет макет, подобный ipad, предварительно встроенный в CSS.Таким образом, он имеет макет панели слева - и главное окно справа.Также включает iScroll для плавной прокрутки внутри панелей.

Эта вилка JQTouch проста в использовании, если вы уже использовали оригинальный JQTouch.Смотрите здесь для ознакомления с демоверсией Beedesk:

https://github.com/beedesk/jQTouch

...