Вкладка не работает правильно

Question

Я пытаюсь поместить панель вкладок в свой Node.js с помощью Express, но я не могу изменить текст, когда я нажимаю на вкладке, например, общий.

У меня нет ошибок.

Я не знаю, почему это не работает. Я конвертирую сайт PHP в Node.js Jade и Express.

Это мой код:

Нефритовый файл:

   block content
  h1 Last News
  section#page-title
      h1.mainTitle 
      br
      .tabbable
        ul#myTab2.nav.nav-tabs.nav-justified
          li.active
            a(href='#All', data-toggle='tab')
              | All
          li
            a(href='#Geral', data-toggle='tab')
              | General
          li
            a(href='#Events', data-toggle='tab')
              | Events
          li
            a(href='#Updates', data-toggle='tab')
              | Updates
          li
            a(href='#Sales', data-toggle='tab')
              | Sales
          li
            a(href='#Community', data-toggle='tab')
              | Community
        .tab-content
          #All.tab-pane.fade.in.active
            p
              | Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.
            p
              | Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
          #Geral.tab-pane.fade
            p
              | Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo.
            p
              | Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.
          #Events.tab-pane.fade
            p
              | Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin.
            p
              | Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

и мой New.js:

var express = require('express');
var router = express.Router();

/* GET users listing. */
router.get('/', function(req, res, next) {
  res.render('news', { title: ' Last news' });
  $(document).ready(function(){
    $(".nav-tabs a").click(function(){
        $(this).tab('show');
    });
});
});

module.exports = router;

Что я делаю неправильно?

Answer 1

Node.js на стороне сервера, вы не можете обновить содержимое веб-страницы в браузере из Express. С Express вы можете отвечать только на запросы данных. Вам нужно будет создать API маршрутов в вашем приложении Express для извлечения данных из вашего хранилища данных и при получении запроса через вызовы AJAX из вашего кода пользовательского интерфейса.