м в настоящее время, используя следующий код ниже, используя jQuery и функцию наведения для исчезновения в 'надпись» элемент, когда пользователь наводит курсор на изображение. Это отлично работает в браузерах настольных компьютеров, однако при тестировании его на мобильных сенсорных устройствах, таких как iPad, когда пользователю требуется нажать на изображение, чтобы активировать функцию наведения, заголовок постепенно исчезает, как и ожидалось, но остается активным, пока пользователь не выберет другой объект на странице.

Я хотел бы знать простой способ изменить мой код 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);
});

});





    <a href="http://www.domain.com">
           
            
                TITLE
                Description
                   
        
        <img src="./_img/example_image.jpg"></a>
    

Любые идеи, мысли будут наиболее ценными.

Крис