jq 代码中的on不起作用原因分析

由于我在原来的代码中使用了较早版本的JQ,所以代码如下:

$('#fileupload').find('.loaded span').live('click', function () {

            ***

        });

其中绑定事件使用了live。当我使用新版本的JQ时，live就不被支持，代替它使用的是on。 

$('#fileupload').find('.loaded span').on('click', function () {

            ***

        });

可是当我将live替换成on时，发现事件绑定失败。经过N多资料的查询后，终于发现：因为live 是绑定在docuement上的..任何时候 document都是存在的，当用的on  绑定在.loaded span上时，由于.loaded span这时并不存在绑定自然就失败了。

于是就将以上代码更改如下：

$('#fileupload').on('click', '.loaded span',function () {

            ***

        });

完工。下面我介绍一下

$('#fileupload').find('.loaded span').on('click', function () { *** });

$('#fileupload').on('click', '.loaded span',function () { *** });

这两句话的不同，如果在deo中fileupload>loaded>span存在的话，上面两句效果一样。当loaded>span在初入载入时不存在时，就只能使用下面一行的方法进行绑定。