jQuery的点击功能在安卓手机浏览器中不工作

jQuery on click function not working in Android mobile browsers

本文关键字：浏览器 手机 工作 功能 jQuery      更新时间：2023-09-26

这个jQuery onclick函数在所有计算机浏览器中都能完美地工作，但在Android移动设备的默认浏览器上运行时却不能。它可以在Chrome手机浏览器中运行。

html 

<input type="button" value="Add" id="submit" class="btn btn-primary"/>
<div class="table-responsive " style= "max-width:900px;">
  <table class="table table-bordered">
    <thead>
      <tr>
        <th style="width:20px">#</th>
        <th>code</th>
        <th>credit</th>
        <th>Grade</th>
      </tr>
    </thead>
    <tbody class="tableBody">
    </tbody>
  </table>
</div>

js 

 $(document).ready(function() {
        var i=0;
        var code;
        var credit=0;
        var grade=0;

        $('#submit').click(function (){
            i=i+1;
            code=$('input[name=codeInput]').val();
            credit=$('select[name=quantity]').val();
            grade=$('select[name=gradetInput]').val();
            $('.tableBody').append( '<tr class="trow">'+'<td>' + i +'</td>'+'<td>' + code +'</td>'+'<td>' + credit +'</td>'+'<td>' + grade +'</td>'+'</tr>');
        });
    });

尝试使用touchstart，像这样:

$('#submit').bind('touchstart click', function(){
    i=i+1;
    code=$('input[name=codeInput]').val();
    credit=$('select[name=quantity]').val();
    grade=$('select[name=gradetInput]').val();
    $('.tableBody').append( '<tr class="tenter code hererow">'+'<td>' + i +'</td>'+'<td>' + code +'</td>'+'<td>' + credit +'</td>'+'<td>' + grade +'</td>'+'</tr>');
});

https://github.com/ftlabs/fastclick

$(function() {
    FastClick.attach(document.body);
});

利润，但是你代码中的i是什么?

不知道为什么这是一个问题，但尝试添加以下规则:

.dropdown-backdrop {
 z-index: -1;
}
相关文章：