javascript - jquery bound event doesn't fire on mobile phones -

heyho,
want bind event html tablerow. seems work on common desktop browsers not on mobile phone browsers. tested on iphone 6 , android devices.
here's related fiddle,
, code:

$("body").on("click", "tr", function(){       //do  }) 

i can't use click event on tablerow (which seems work) because table generated after pageload. input.

i found solution: adding

cursor: pointer;

css style tablerow fix problem. don't understand why, because don't have cursor on mobile devices works, what.

$("body").on("click", "tr.prim", function(){        $(".sec").fadetoggle();    })

.sec {      display: none;  }  .prim {      cursor: pointer;  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>  <table border="1" cellspacing="0" cellpadding="0" width="300">      <tr height="100" class="prim" bgcolor="#ffb7b7">          <td></td>          <td></td>          <td></td>      </tr>      <tr height="100" class="sec" bgcolor="#ef4a4a">          <td></td>          <td></td>          <td></td>      </tr>      <tr height="100" class="sec" bgcolor="#ef4a4a">          <td></td>          <td></td>          <td></td>      </tr>  </table>