为什么单击时不调用我的函数?

因为 DOM hasn't been loaded yet :

$(document).ready( function() {
  // ...your code...
} );

应该是

<script type="text/javascript">
$(function(){
    $('.pp').click(function(){
        alert();
    });
});
</script>

这纯粹是因为您正在将click事件附加到一个实际上还不存在的节点。将代码放在HTML节点之后,或者在 load 或 DOMContentLoaded 事件。

或

<script type="text/javascript">
$(document).ready(function(){
    $('.pp').click(function(event){
        alert();
    });
});
</script>