jQuery 点击功能在 Android 移动浏览器中不起作用

Question

这个 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>');
        });
    });

Answer 1

尝试使用 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>');
});

Answer 2

https://github.com/ftlabs/fastclick

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

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

Answer 3

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

.dropdown-backdrop {
 z-index: -1;
}