javascript - how to add new li permanently to jquery ribbon?

Question

I am creating ribbon menu in PHP application with jQuery.

I am using this http://code.google.com/p/jquery-officebar/ to create ribbon menu.

Ribbon menu is created in my application but the need is when you create on one menu item than it should be opened in to an another tab. and after that we need to be able to close that tab separately.

The ribbon menu is created with <ul> and <li> tags. i tried to add one new li onclick of menu item. the code for this is :

$("#testRibbon ul").append('<li class="current"><span>Message Center</span></li>');

But I couldn't fix this li. means when the page is refreshed than that li is been removed.

Can anyone tell me that how add a new li to ribbon menu's ul ?

Answer 1

使用する

$("#testRibbon > ul").append('<li><a href="#" rel="my-rel" >Message Center</a></li>');