jquery mobile Tippen Sie auf ein Ereignis

$(function() {
    $('.quickNav').live('tap',function(event) {
        if ($(".select_body").is(":hidden")) 
        {
                $(".select_body").show(); 
        } 
        else 
        {
            $(".select_body").hide(); 
        }        
    });
});

Dies funktioniert gut, außer für die, sobald es sichtbar ist, und Tippen Sie erneut, es geht nicht Weg.

Gedanken?

InformationsquelleAutor Anthony James | 2011-03-14
  1. 15
    $('.quickNav').live('tap',function(event) {
    $(".select_body").toggle(); // toggles the visibility/display of the element.
});

    dieser macht das gleiche wie die langen if/else-Skript

    Sehen Knebel-Methode Dokumentation in der jQuery-API-docs.

    • Hilfe brauchen? macht diese Arbeit für Sie?
    InformationsquelleAutor adardesign
  2. 0

    Einmal das element ausgeblendet ist, werden Ihre Höhe und Breite null sind. Dies bedeutet, wenn Sie auf der gleichen Stelle, die Sie eigentlich gar nicht trifft das element ein zweites mal.

    Ich würde empfehlen, die Einstellung seiner Deckkraft auf null statt.
    Hier ist eine Art, was Sie tun könnten:

    $(function() {
    $('.quickNav').live('tap',function(event) {
        if ($(".select_body").is(":hidden"))
        {
            $(".select_body").css("opacity", 1);
        } 
        else 
        {
            $(".select_body").css("opacity", 0);
        }        
    });
});

    und eine kürzere version, die das gleiche Verhalten:

    $(function() {
    $('.quickNav').live('tap',function(event) {
        $(".select_body").css("opacity", 1 - parseInt($(".select_body").css("opacity")));
    });
});

    Habe ich nicht wirklich getestet, code, also ich weiß gar nicht, ob es laufen wird!

    Hinweis: fadeOut() verwenden hide() am Ende der animation, so dass es nicht wirklich hier helfen.

    InformationsquelleAutor vahanpwns
Schreibe einen Kommentar