Swipe смяна на страници чрез Jquery mobile

dropaway · 15 Април 2014

Здравейте не съм много запознат със Jquery i Javascript и по тази причина използвам готови скриптове за смяна на страници чрез swipe, идеята е, когато се ползва мобилна версия на сайт, примерно като се даде на дясно от index.html да се прехвърли страницата на page.html след което ако се swipe-не още веднъж на дясно да се прехвърли на page-1.html и по същият ред на мисли ако се даде на ляво, да се зареждат предходните страници.
Това са скриптовете които използвам, може да не са точните за тази цел, но това открих:
това е на index.html

HTML:

<!DOCTYPE html>
<html>
<head>
    <script src="jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="jquery.mobile.min.js" type="text/javascript"></script>
    <link href="jquery.mobile.min.css" rel="stylesheet" type="text/css" />
    <title></title>
    <script type="text/javascript">
        $(function () {
            $("#swipeLeft").live('swipeleft', function (event, ui) {
                $.mobile.changePage("/page2.htm", "slide");
            });
            
            $("#swipeRight").live('swiperight', function (event, ui) {
                $.mobile.changePage("/page1.htm", "slide");
            });
        });
    </script>
</head>
<body>
    <div data-role="page" id="page1">
        <div data-role="header">
            Header
        </div>
        <div data-role="content">
            <div id="swipeLeft">Swipe Me Left</div>
        </div>
        <div data-role="footer">
            Footer
        </div>
    </div>
</body>
</html>

На страница 2 (page.html)

HTML:

<html>
<head>
    <title></title>
</head>
<body>
    <div data-role="page" id="page2">
        <div data-role="header">
            Header
        </div>
        <div data-role="content">
            <div id="swipeRight">Swipe Me Right</div>
        </div>
        <div data-role="footer">
            Footer
        </div>
    </div>
</body>
</html>

при прехврърлянето oт index.html към page.html и обратно няма проблем, но немога да направя така, че от се насочи от page.html към page-1.html

Swipe смяна на страници чрез Jquery mobile

dropaway

Member