Nano Hash - криптовалюты, майнинг, программирование

Bootstrap 4 навигационные таблетки активны с использованием страницы включения

Я работаю над внутренним веб-сайтом для компании, в которой я работаю, и мой менеджер хочет, чтобы у меня было меню в виде страницы включения jsp вместо того, чтобы оно было закодировано на странице, подобной этой (что работает).

<head>
<title>SomeCompany Intranet</title>
<jsp:include page="/jsp/head.jsp"/>
</head>
<body style="min-height: 75rem; padding-top:110px;">
<jsp:include page="/jsp/header.jsp"/>

<div class="sidenav">
   <div class="nav flex-column nav-pills" aria-orientation="vertical">
    <ul class="nav flex-column">      
    <li class="nav-item">
        <a class="nav-link disabled">Marketing</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="${pageContext.request.contextPath}/jsp/marketing/AA.jsp">Agent Access</a>
    </li>
    <li class="nav-item">
        <a class="nav-link active" href="${pageContext.request.contextPath}/jsp/marketing/ItemsCatalog.jsp">Promotional Items Catalog</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="${pageContext.request.contextPath}/jsp/marketing/OrderForm.jsp">Catalog Order Form</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="${pageContext.request.contextPath}/jsp/marketing/TravelForm.jsp">Travel Form</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="${pageContext.request.contextPath}/jsp/marketing/TuitionAssi.jsp">Tuition Assistance Form</a>
    </li>
    </ul>
  </div> 
</div>
<div class="mainHeader">
<h1>PROMOTIONAL ITEMS CATALOG</h1>
</div>

<div class="tab-content main1">
<iframe src="${pageContext.request.contextPath}/pdf/PromotionalCatalog 01-20.pdf" width="100%" 
height="100%"></iframe>
</div>

Он хочет, чтобы это выглядело более похоже на это.

<head>

<title>SomeCompany Intranet</title>
<jsp:include page="/jsp/head.jsp"/>

</head>

<body style="min-height: 75rem; padding-top:110px;">
<jsp:include page="/jsp/header.jsp"/>

<div class="sidenav">
  <jsp:include page="/jsp/marketing/TestMenu.jsp"
</div>

<div class="mainHeader">
  <h1>PROMOTIONAL ITEMS CATALOG</h1>
</div>

<div class="tab-content main1">
 <iframe src="${pageContext.request.contextPath}/pdf/PromotionalCatalog 01-20.pdf" width="100%" height="100%"></iframe>
</div>

</body>

Это TestMenu.jsp

<div class="nav flex-column nav-pills" aria-orientation="vertical">
    <ul class="nav flex-column">      
    <li class="nav-item">
        <a class="nav-link disabled">Marketing</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="${pageContext.request.contextPath}/jsp/marketing/AA.jsp">Agent Access</a>
    </li>
    <li class="nav-item">
        <a class="nav-link active" href="${pageContext.request.contextPath}/jsp/marketing/ItemsCatalog.jsp">Promotional Items Catalog</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="${pageContext.request.contextPath}/jsp/marketing/OrderForm.jsp">Catalog Order Form</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="${pageContext.request.contextPath}/jsp/marketing/TravelForm.jsp">Travel Form</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="${pageContext.request.contextPath}/jsp/marketing/TuitionAssi.jsp">Tuition Assistance Form</a>
    </li>
    </ul>
 </div>

Мои навигационные таблетки активируются, но не приводят меня к реальным страницам. Но если я удаляю актив из TestMenu, ссылки работают. Это такая маленькая вещь, которую я пытаюсь выполнить, выделяя правильные таблетки, и мне просто нужна помощь, чтобы понять это. Или хотя бы указать мне правильное направление.

Выбрана неверная вкладка для таблеток

Несмотря на то, что я нахожусь на странице корпоративного календаря на 2020 год, на ней выделены рекомендации проектной группы.

html bootstrap-4 sidenav jsp nav-pills
10.06.2020

  • добавление рабочего демонстрационного кода может помочь понять, где существует проблема. 11.06.2020
  • @Swati Я не знаю, как добавить несколько страниц с помощью фрагментов стека. Мне нужно было бы включить страницы меню sidenav вместе с TestMenu.jsp, чтобы увидеть его в действии. 12.06.2020
  • Я думаю, что проблема здесь с путем, так как ваша панель навигации находится внутри какой-то папки, вам нужно соответствующим образом изменить свой путь. Наведите указатель мыши на тег a и посмотрите, какой путь он показывает. 12.06.2020
  • Но пути работают, единственное, что, кажется, не работает, это замена активной таблетки на правильную таблетку-таблетку. Я опубликую фотографию. 12.06.2020
  • Вы написали какой-нибудь скрипт для применения активного класса к вашей вкладке? 13.06.2020
  • Нет, у меня не добавлен скрипт. 15.06.2020
  • @Swati Свати, ты знаешь, какой сценарий мне нужен, чтобы применить активный класс к вкладке? 17.06.2020
  • Может быть, что-то вроде this . Текущий, как вы применяете активный класс к вкладке? 18.06.2020
  • @Swati теперь будет ли это происходить между ‹script› ‹/script› в jsp или в файле Javascript? Мне жаль, что я никогда раньше не использовал Javascript. 18.06.2020
  • это должно быть внутри тегов <script></script> 19.06.2020
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..