tiempo de espera en la función de desplazamiento de jQuery

Question

Nov 16, 2012, 06:15 PM

tiempo de espera en la función de desplazamiento de jQuery

Actualmente estoy usando el siguiente código a continuación usando jQuery y la función de desplazamiento para fundirse en el elemento 'título' cuando el usuario se desplaza sobre la imagen. Esto funciona perfectamente en los navegadores de escritorio, sin embargo, al probarlo con dispositivos táctiles móviles como el iPad, que requiere que el usuario toque la imagen para activar la función de desplazamiento, el título se desvanece como se espera pero permanece activo hasta que el usuario selecciona otro objeto en la página.

Me gustaría saber una forma sencilla de modificar mi código javascript para detectar dispositivos táctiles móviles y luego poner una especie o un temporizador en el título para que desaparezca automáticamente después de un período de tiempo.

<!-- include jQuery library -->
<script type="text/javascript" src="./_js/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {

    //On mouse over those thumbnail
    $('.item-caption').hover(function() {

        //Display the caption
    $(this).find('.caption').stop(false,true).fadeIn(200);
    },
    function() {    

    //Hide the caption
    $(this).find('.caption').stop(false,true).fadeOut(600);
});

});
</script>

</head>
<body>

    <div class="item-caption"><a href="http://www.domain.com">
        <div class="caption">   
            <ul>
                <li><h2>TITLE</h2></li>
                <li><h3>Description</h3></li>
            </ul>       
        </div>
        <img src="./_img/example_image.jpg"></a>
    </div>

</body>

Cualquier ideas, pensamientos serían los más apreciados.

Chris

Deja tu comentario