为链接加上加载等待信息

By | 2013年2月20日

在需要添加的超链接上加上class,然后再来一小段js,就可以了。

<a href="..." class="loadinfo">...</a>

js内容(jquery):

<script>
jQuery(document).ready(function($) {
	$(function() {
		$('.loadinfo').click(function(e) {
			e.preventDefault();
			var htm = '<span style="color:red">请君稍等,用力加载中...</span>',
			t = $(this).html(htm).unbind('click'),
			i = 9;
			ct();
			window.location = this.href;
			function ct() { (i < 0) ? (i = 9, t.html(htm), ct()) : (t[0].innerHTML += '.', i--, setTimeout(ct, 200))
			}
		})
	});
})(jQuery);
</script>