не применяется css для динамического html-меню

Question

У меня есть динамическое меню, которое создается из базы данных в событии Page_Load.
Когда моя страница загружается, в течение одной секунды или меньше моей страницы появился, как показано ниже:

, а затем:

Как я могу решить эту проблему?

Мой код позади:

public void Page_Load(object sender, EventArgs e) 
{ 
    Database db = new Database(); 

    if (!IsPostBack) 
    { 
     string queryMenu = 
      "select a.CatId,c.CatName,a.ParentId,b.totalSubCats from ProductCategory as a LEFT OUTER JOIN (select ParentId,count(*) as totalSubCats from ProductCategory group by ParentId) as b on a.CatId=b.ParentId LEFT OUTER JOIN ProductCategory as c on a.CatId = c.CatId ORDER BY a.CatId"; 
     SqlCommand smd = new SqlCommand(queryMenu, db.sc); 
     DataTable dt = new DataTable(); 
     dt.Load(smd.ExecuteReader()); 
     this.createMenu(dt, 0); 
    } 
} 


private void createMenu(DataTable dt, int pID) 
{ 
    LiteralMenu.Text = LiteralMenu.Text + "<ul>"; 
    for (int i = 0; i < dt.Rows.Count; i++) 
    { 
     if (Convert.ToInt32(dt.Rows[i]["ParentId"]) == pID) 
     { 
      LiteralMenu.Text = LiteralMenu.Text + "<li><a href='/category/" + dt.Rows[i]["CatId"].ToString() + "'>" + 
       dt.Rows[i]["CatName"].ToString() + "</a>"; 
      if (dt.Rows[i]["totalSubCats"] != DBNull.Value) 
       this.createMenu(dt, Convert.ToInt32(dt.Rows[i]["CatId"])); 
      LiteralMenu.Text = LiteralMenu.Text + "</li>"; 
     } 
    } 
    LiteralMenu.Text = LiteralMenu.Text + "</ul>"; 
} 

Answer 1

У меня была такая же проблема и раньше, Я думаю, что идентификатор или класс, который вы использовали в вашем файле css, были добавлены с помощью jQuery.

Answer 2

Там может быть аккуратнее решение, но всякий раз, когда у меня есть такого рода вопрос я поставил раскрывающийся материал для display: none; в CSS и затем JavaScript изменить его обратно в display: block; (или что угодно) при загрузке страницы. Таким образом, вы не ожидаете выполнения JavaScript для скрытия содержимого - теперь все наоборот.