2015-11-13 6 views
0

У меня есть nodejs/экспресс-приложение (Примечание: Я нуб в этих технологиях)Значок дублируется

и по какой-то причине на следующие Джейд:

    li#nav-name 
        a(href='/path/to/page.html') 
         i.icon_profile 
         span Page Name 

превращается в:

<li id="nav-name"> 
     <a href="/path/to/page.html"> 
     <i class="icon_profile"> 
      <span style="font-family: 'ElegantIcons'"></span> 
     </i><span>Page Name</span></a> 
</li> 

вместо:

<li id="nav-name"> 
     <a href="/path/to/page.html"> 
     <i class="icon_profile"></i> 
      <span>Page name</span> 
     </a> 
</li> 

Значок отображается в двойном виде.

Куда я должен смотреть?

Примечание: я устанавливаю flavico.ico в app.js

app.use(favicon(__dirname + '/public/favicon.ico')); 
app.set('views',path.join(_dirname,'views')) 
app.set('view engine','jade') 

спасибо!

ответ

0

Мое решение:

li#nav-name 
    a(href='/path/to/page.html') 
    span.i.icon_profile 
    span Page name 

поэтому я добавил значок в пролете.

В запросах у меня не было запроса на двойной фавико, чтобы это не было моей проблемой.

0

Вы должны проверить иерархию своих элементов в шаблоне нефрита, ведущую к этому. Ваш первый пример:

li#nav-name 
    a(href='/path/to/page.html') 
    i.icon_profile 
    span Page name 

Правильно.

То, что вы видите, оказываемые в нефритом является следующее:

li#nav-name 
    a(href='/path/to/page.html') 
    i.icon_profile 
     span(style="font-family: 'ElegantIcons'") 
    span Page Name 

Так что, если вы видите, последний, но ваш шаблон Джейд отражает первый, вы должны оценить, как вы устанавливаете flavico.ico (особенно если вы делаете это с помощью CSS). Кажется, что вы вводите flavico.ico после составлен шаблон нефрита.

+0

Я вставляю flavico в app.js. Сначала я делаю app.use (favicon (__ dirname + '/public/favicon.ico')); , и только после этого я делаю app.set ('views', ...) и app.set ('view engine', 'jade'); Как мне это сделать? И дело в том, что у меня такое чувство, что дублируются только значки (а не веб-звонки) – veve

Смежные вопросы