移动浏览器上的.click()问题

时间:2016-01-11 15:43:58

标签: javascript jquery html

我遇到了jquery .click()方法的问题。 问题是,如果我在移动设备上打开网站,我必须在元素上单击两次才能使其正常工作。如果我已经点击了两次并且我想再次点击同一个元素,那么只需点击一下即可。 我对每个元素都有完全相同的问题。

但这个问题只适用于移动浏览器(Chrome,firefox)。桌面PC上没有任何问题。这是我的剧本:

$(function() {    
    $('#images img').on('click', function() {
        var attr = $(this).attr('data-number');
        if (typeof attr !== typeof undefined && attr !== false) {
            var number = $(this).data('number');
            console.log(number);
            $.ajax("text.json", {
                dataType: 'json',
                success: function(response) {    
                    $(".images_ajax").css('display', 'block');
                    $(".images_ajax_sub").append(response[number]);
                }
            }),
            $(function() {
                $('.close_ajax').click(function() {
                    $(".images_ajax_sub h1, .images_ajax_sub p").remove();
                    $(".images_ajax").css('display', 'none');
                })
            })
        }
    })
});

我添加了.on()方法,因为我在此网站上阅读可能仅使用.click()方法的问题。但它也不起作用。

感谢您的帮助

0 个答案:

没有答案