$('#menu').append (...)

[zirby]

Hi all,

My problem is:
When I login my application depends on who I am the 'menu' must be different.
here is my code:

Code:

function doLayout(role){
switch(role){

case "admin":
$('#menu').empty();
$('#menu').append('<a href="#" id="linkAdmin" class="easyui-linkbutton" plain="true" iconCls="icon-ok">admin</a>');
$('#menu').append('<a href="#" id="linkUser" class="easyui-linkbutton" plain="true" iconCls="icon-ok">user</a>');
$('#menu').show();
break;

case "user":
$('#menu').empty();
$('#menu').append('<a href="#" id="linkUser" class="easyui-linkbutton" plain="true" iconCls="icon-ok">user</a>');
$('#menu').show();
break;
}
}

but the render in the browser is:
login.png
and in Firebug it shows:
login-firebug.png

[zirby]

My problem is resolved !!!!
I should write my code like this:

Code:

function doLayout(role){
	switch(role){
		case "admin":
			$('#menu').empty();
			$('#menu').append('<a href="#" id="linkAdmin">admin</a>');
			$('#linkAdmin').linkbutton({  
			    plain:true,
			    iconCls:'icon-ok'  
			});  
			$('#menu').append('<a href="#" id="linkUser">user</a>');
			$('#linkUser').linkbutton({  
			    plain:true,
			    iconCls:'icon-ok'  
			});  
			$('#menu').show();
			break;
		case "user":
			$('#menu').empty();
			$('#menu').append('<a href="#" id="linkUser">user</a>');
			$('#linkUser').linkbutton({  
			    plain:true,
			    iconCls:'icon-ok'  
			});  
			$('#menu').show();
			break;
	}
}