android - 实体手机上的jquery点击事件问题

Question

我有一段适用于所有桌面浏览器的代码，包括重新调整大小的浏览器。但是当我在实际手机或开发工具上的 Chrome 设备模拟器中加载页面时，点击事件没有启动。任何帮助表示赞赏。

代码如下:

jQuery(document).on('click', 'area',  function() {
    event.preventDefault();
    var id = jQuery(this).attr('title');
    var iframe = '<iframe id="fploaderframe" frameborder="0" src="'+id+'" allowfullscreen></iframe>';
    jQuery("#heroloader").html(iframe);
    jQuery("#heroloader").fadeIn();
    jQuery(".closethisfp").fadeIn();
    jQuery('.closethisfp').attr('href', '#');
});

我只是偶然发现了 Hammer js。点击事件能帮上忙吗？

Answer 1

首先，在函数调用中添加参数，使 event.preventDefault() 起作用:

jQuery(document).on('click', 'area',  function(event) {
    ...
}

如果不行，试试这个:

$('area').on('click', function() {
    console.log('test');
});

...或者像这样:

$('area').click(function() {
    console.log('test');
});

你也可以在手机上使用 alert 而不是 console.log，只是为了检查回调是否被调用。

如果还是不行，尝试使用类作为选择器:

$('.url-area').click(function() {
    console.log('test');
});