The problem of executing events in tooltip

[officecode]

Hi, everybody. First of all, thanks for Jarry's help, and now I have another question: why aren't the events in tooltip executed? I guess this may have been caused by the blur incident, but I don't know how to solve it:

Code:

<a class="tt">aa</a>
<a class="tt">bb</a>
<script>
	$(function () {
		$('.tt').each(function(){
			$(this).tooltip({
				hideEvent: 'none',
				content: $('<div></div>'),
				onUpdate:function(content){
					var str = $(this).text();
					content.panel({
						title:'panel',
						iconCls:'icon-tip',
						width: 100,
						height:100,
						content: '<a href="javascript:;" onclick="alert(\''+str+'\')">'+str+'</a>',
					});
				},
				onShow:function(e){
					var opts = $(this).tooltip('options');
					$(opts.content).panel('resize');
					var t = $(this);
					t.tooltip('tip').focus().blur(function(){
						t.tooltip('hide');
					});
				}
			});
		})
	})
</script>

[jarry]

Please look at this example http://code.reloado.com/akohuf3/edit#preview