Quiero deslízate a la izquierda o a la derecha con jquery mobile. Cuando hago clic en el deslízate a la izquierda se abre el cajón y en la derecha se cierra el cajón. Actualmente me pulsar el botón superior y de la función de menú se utiliza para abrir el menú quiero hacerlo mediante el uso de deslizar función en jquery. Por favor, ayudar

Html Divs:

<div class="DinM-navbar-header ">
        <img src="" data-target=".DinM-navbar-collapse" data-toggle="collapse" class="DinM-navbar-toggle" alt="menu-icon" />
    </div>
    <div class="">
        <%=HTML %>
    </div>

Función de Javascript:

 function ShowMenu() {
            var mainmenu = $(".DinM-main-menu");
            if (($(window).width() <= 991 && mainmenu.parent().attr('id') != "mobile")) {
                $("#main-wrapper").animate({
                    left: "0px"
                });
                $("#mobile").html(mainmenu.clone());
                $(".DinM-main-menu", $(".DinM-top-menu")).remove();
                $(".DinM-main-menu").css("z-index", "-1").hide();
                $("#main-wrapper").css("min-height", $(".DinM-main-menu").height());
            } else if ($(window).width() > 992 && mainmenu.parent().attr('id') == "mobile") {
                mainmenu.insertAfter($(".DinM-navbar-header "));
                mainmenu.show();
                $("#mobile").html('');
            }

 $(document).ready(function () {
        $("body").wrapInner("<div id='main-wrapper' class='content-left' ></div>").append("<div id='mobile' ></div>");
        $(".DinM-main-menu").removeClass('DinM-hide');
        ShowMenu();
    });
  • Mejor si usted puede agregar un violín.

2 Comentarios

  1. 2

    Muy vieja pregunta, pero puede ayudar a otros que quieren un simple código para obtener un intercambio de eventos en JavaScript sin ningún tipo de dependencia. Espero que ayude a los demás.

    Ver secuencia de comandos en swipe.js

    simple para su uso en el lenguaje de marcado html :

    <div id="touchsurface1" class="touchsurface" onSwap="touchsurfaceSwap(event)"></div>

    Utilizar en Javascript :

    touchsurface = document.getElementById('touchsurface2');
    touchsurface.addEventListener("swap", function(event){alert('Swaped ' + event.detail.direction + ' at ' + event.target.id);}, false);

    Página de demostración : https://vikylp.github.io/swipe/

    • 🙂 gracias pacholik

Dejar respuesta

Please enter your comment!
Please enter your name here