If you want an event to work on your page, you should call it inside the $(document).ready() function. Everything inside it will load as soon as the DOM is loaded and before the page contents are loaded.
I want to do javascript code only after the page contents are loaded how can I do that?
使用load而不是ready:
$(document).load(function () {
// code here
});
Update
从jQuery 1.8开始，您需要使用.on().(http://api.jquery.com/on/)
$(window).on('load', function() {
// code here
});
根据http://blog.jquery.com/2016/06/09/jquery-3-0-final-released/:
已删除不推荐使用的事件别名
.load,.unload, and.error, deprecated since jQuery 1.8, are no more. Use.on()to register listeners.