单击单元格内部时调用函数

Question

为什么这只是说＆＃39; hi＆＃39;页面加载时但当我点击细胞时没有任何反应。我期待它说'嗨'＆＃39;每次我点击其中一个表格单元格。

有人可以告诉我这里做错了吗？

JS：

$('.cards td').click(flip());

function flip(){
  alert('hi');
}

HTML

 <table>
      <thead>
        <th colspan='2'>Hello World</th>
      </thead>
    <tbody class="cards">
      <tr>
        <td id="1" class="orange">1</td>
        <td id="2" class="orange">2</td>
      </tr>
      <tr>
        <td id="3" class="orange">2</td>
        <td id="4" class="orange">1</td>
      </tr>
    </tbody>
    </table>

CSS：

table {
    border-collapse: collapse;
}
table, td, th {
    border: 1px solid black;
    height:25px;
}
.orange{
  background-color:orange;
  color:orange;
}

Answer 1

这样：

$('.cards td').click(flip());

应该只是这个：

$('.cards td').click(flip);