limit czasu na funkcję hover jQuery

Question

Nov 16, 2012, 06:15 PM

limit czasu na funkcję hover jQuery

Obecnie używam poniższego kodu, używając jQuery i funkcji hover, aby zaniknąć element „caption”, gdy użytkownik najedzie kursorem na obraz. Działa to doskonale na przeglądarkach stacjonarnych, jednak podczas testowania go za pomocą mobilnych urządzeń dotykowych, takich jak iPad, który wymaga od użytkownika stuknięcia obrazu w celu wyzwolenia funkcji zatrzymania, podpis zmienia się zgodnie z oczekiwaniami, ale pozostaje aktywny, dopóki użytkownik nie wybierze innego obiektu na stronie.

Chciałbym znać prosty sposób modyfikowania kodu javascript w celu wykrywania urządzeń dotykowych, a następnie umieszczania w podpisie jakiegoś sortowania lub timera, aby automatycznie znikał po pewnym czasie?

<!-- 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>

Wszelkie pomysły, myśli byłyby najbardziej doceniane.

Chris