en.javascript.info/2-ui/5-widgets/4-template-lodash/3-menu-template/task.md
2015-02-21 00:59:02 +03:00

1.1 KiB
Raw Blame History

Сделайте меню ссылками

[importance 5]

Возьмите в качестве исходного кода меню на шаблонах и модифицируйте его, чтобы оно выводило не просто список, а список ссылок.

  1. Вместо массива `items` меню должно принимать *объект* `items`, вот так:
    var menu = new Menu({ 
      title: "Сладости",
      template: _.template(document.getElementById('menu-template').innerHTML),
      listTemplate: _.template(document.getElementById('menu-list-template').innerHTML),
    *!*
      items: {
        "donut": "Пончик", 
        "cake": "Пирожное", 
        "chocolate": "Шоколадка"
      }
    */!*
    });
    
  • Вывод в шаблоне пусть будет не просто `
  • Пончик
  • `, а через ссылку: `Пончик`. При клике на ссылку должно выводиться название из её `href`.

    Демо:

    [iframe src="solution" height="130" border="1"]