Keskustelu: Nettisivujen teko: jQuery mobile swipe

Hei,

Miten saisin tätä koodia muutettua niin, että kun sivun yli pyyhkäisee kahdesti peräkkäin, niin uudelleenohjaus tapahtuu?

$("body").bind("swipeleft", function(){
    document.location="removeAll.php";
});

Onko tuo koodi edes periaatteessa toimiva, en ole päässyt testaamaan?

Kiitos!

$('body').live('pageinit', function() {
    var swipeTimer = false;

    // removes and clears the swipe timer
    var removeSwipeTimer = function() {
        window.clearTimeout(swipeTimer);
        swipeTimer = false;
    };

    $('body').bind('swipeleft', function(e) {
        // is this the first swipe?
        if (!swipeTimer) {
            swipeTimer = window.setTimeout(function() {
                removeSwipeTimer();

                // put actions for a single swipe here
                $('#results').append($('<p>Single-swipe detected!</p>'));
            }, 1000);
        }

        // timer is active so this is the second swipe
        else {
            removeSwipeTimer();
            $('#results').append($('<p>Double-swipe detected!</p>'));
        }
    });
});

jQuery Mobile Double Swipe Demo

Disclaimer: Toimii ainakin normaaleilla selaimilla raahaamalla nappi pohjassa. Itse puhelimessa (Samsung Omnia 7, WP7) ei tuntunut toimivan.

Kokeilin tuota demoa, mutta ainakaan Chromella ei toiminut... Millä selaimilla itse kokeilit.

EDIT: Muka ei toiminut. Kyllähän se toimi, kun vasemmalle päin raahasi :D Kiitoksia tästä!

Vielä sellainen, että haluaisin tehdä tuon sivun ilman jQuery mobilen CSS-tyylejä, koska niissä olisi opettelu, mutta tuo koodi lakkaa toimimasta heti, kun poistan tyylit. Osaako kukaan sanoa, mistä tämä johtuu?

Lisäksi lomakkeet eivät toimi tavallisella tavalla, vaan lähetys tapahtuu nykyisellä sivulla. Haluaisin sen käyvän lähetyssivulla ja sitten palaavan takaisin. Onnistuisiko?

Olisko niin, että pageinit ei silloin enää toimi? Se, tai jokin muu kirjaston osa käyttänee CSS-selektoria elementtien löytämiseen. Voit korvata sen tällä kun et ilmeisesti lataile sivua esiin jQuery Mobilen keinoin.

$(document).ready(function() {
    ///...
}

Lähetä lomakkeen tiedot Ajax-kyselyllä käsittelyskriptille.

EDIT: Typo korjattu, kiitos, qeijo.

tsuriga kirjoitti:

$(dcoument).ready(function() {
    ///...
}

Lähetä lomakkeen tiedot Ajax-kyselyllä käsittelyskriptille.

document