1、javascript的Dom对象动态事件绑定注意以下2点，如：document.getElementById（"id名称"）.addListenerEvent("事件名称"，function(){代码},false)，动态绑定事件，事件名称不加on，如：click，mouseover等。
（1）如果<script>绑定代码</script>写在<body>html代码</body>前面，则必须先使用加载页面语句window.onload=function(){}，把绑定事件代码写里面。
（2）如果 <script>绑定代码</script>写在<body>html代码</body>后面，则直接使用绑定代码即可，因为页面已经自动加载完。
2、jQuery的对象的动态动态事件绑定，如：$(#"id名称").on("事件名称"，function(){代码})
（1）如果<script>绑定代码</script>写在<body>html代码</body>前面，则必须先使用加载页面语句$(function(){语句})，把绑定事件代码写里面。
（2）如果 <script>绑定代码</script>写在<body>html代码</body>后面，则直接使用绑定代码即可，因为页面已经自动加载完。
javascript与jquery动态绑定事件需要先加载页面注意的坑
原文：http://www.cnblogs.com/liuye-micky/p/6819912.html