Использование бритвы для создания всплывающего меню подсказки

Question

У меня возникла проблема с динамическим созданием этого выпадающего меню. Это работает, если я не буду делать это динамически.

@t.Id работает и работает каждый раз в цикле. Я почти уверен, что первая строка неверна, поскольку я использовал id="" до этого.

<b><a href="#" onmouseover="tooltip.pop(this, '#tagsdiv@(t.Id)')">tagged</a></b> 

<div style="display: none;"> 
    <div id="tagsdiv@(t.Id)"> 
     <span class="menu">hhhh<br /> 
      nnnn 
      @for(int i = 0; i < t.tTags.Count; i++) { 
       <b>@Html.ActionLink(t.tTags[i], "TagDetail", "Forums", new { tag = t.tTags[i], page = 0 }, null)</b> 
      } 
     </span> 
    </div> 
</div> 

Answer 1

Советы для отладки Razor (или любой код на стороне сервера визуализации разметки) более эффективно:

1. Посмотреть тонированное HTML! это правильно?
2. Удалите стили/скрипты, пока не убедитесь, что сервер отображает нужные вам значения.
3. Добавьте контрольную точку к контроллеру, чтобы убедиться, что вы передаете данные в представление. Ваша логика рендеринга может быть прекрасной.

Это значит, что ваш код выглядит нормально. Я dummied вверх некоторые данные:

@{ var t = new { Id = 1234, tTags = new List<string> { "foo", "bar", "baz" } }; } 

<b><a href="#" onmouseover="tooltip.pop(this, '#tagsdiv@(t.Id)')">tagged</a></b> 

<div style="display: none;"> 
    <div id="tagsdiv@(t.Id)"> 
     <span class="menu"> 
       @for(int i = 0; i < t.tTags.Count; i++) { 
        <b>@Html.ActionLink(t.tTags[i], "TagDetail", "Forums", new { tag = t.tTags[i], page = 0 }, null)</b> 
       } 
     </span> 
    </div> 
</div> 

Это дает:

<b><a href="#" onmouseover="tooltip.pop(this, '#tagsdiv1234')">tagged</a></b> 

<div style="display:none;"> 
    <div id="tagsdiv1234"> 
     <span class="menu"> 
      <b><a href="">foo</a></b> 
      <b><a href="">bar</a></b> 
      <b><a href="">baz</a></b> 
     </span> 
    </div> 
</div> 

Одна вещь, которая на самом деле выглядит не так здесь является '#tagsdiv1234'. Вы уверены, что вашей подсказке нужен ID , включая селектор CSS/jQuery ID («#»)?

Другая вещь, которая выделяется, - это ваш контейнер для всплывающей подсказки, обернутый внешним div, установленным на display:none. Элемент ID'd всегда будет скрыт, потому что его родитель скрыт, даже если код всплывающей подсказки пытается его показать.

Другая возможность заключается в том, что ваш идентификатор содержит символ незаконный в element identifier.