Активируйте вкладку определенных данных с другой страницы в html

Пока Ubuntu работает с двойной загрузкой, а не на виртуальной машине, единственный системный ресурс Windows будет занимать, когда вы находитесь в Ubuntu, на жестком диске. До тех пор, пока у вас достаточно свободного места для ОС Ubuntu (20 ГБ является достаточным, лучше 30 ГБ), swap (2x RAM) и / home (столько, сколько потребуется для хранения и установки в tarball), оно должно как и на выделенном компьютере.

3
задан 13 August 2018 в 15:23

1 ответ

Попробуйте использовать приведенный ниже код. Вам нужно передать значение «вкладка« данные »элемента, который вы хотите активировать, нажатием кнопки.

// Page 1.html Script

function activeButton(value) {
  window.location.href = '2.html#active=' + value;
}

// Page 2.html Script
$(document).ready(function() {
  var activeTab = getUrlParameter('active');
  console.log(activeTab);
  $(".sidenav").find(`[data-tab='${activeTab}']`).addClass("active");

});

var getUrlParameter = function getUrlParameter(sParam) {
  var results = new RegExp('[\?&#]' + sParam + '=([^&#]*)').exec(window.location.href);
  if (results == null) {
    return null;
  } else {
    return decodeURI(results[1]) || 0;
  }
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" rel="stylesheet" />
<div class="sidenav">
  <div class="panel-header-silver">
    <h2>Upcoming</h2>
  </div>
  <div class="sidenav-item sidenav-active" data-tab="notices">
    General Notices
  </div>

  <div class="sidenav-item " data-tab="News">
    News
  </div>
  <div class="sidenav-item" data-tab="Events">
    Events
  </div>
</div>

<div class="container">
  <a class="btn btn-primary" href="javascript:activeButton('News')">  Active </a>
</div>

Изменить: я изменил выше, чтобы получить имя параметра в URL-адресе, используя также «#».

2
ответ дан 15 August 2018 в 17:01
  • 1
    Гораздо проще получить параметры url с помощью API URL и URL.searchParams () – charlietfl 13 August 2018 в 16:26
  • 2
    не могли бы вы объяснить? @charlietfl – user10184297 13 August 2018 в 16:35
  • 3
    [D0] developer.mozilla.org/en-US/docs/Web/API/URL – charlietfl 13 August 2018 в 17:09
  • 4
    есть ли способ использовать ссылку (скажем: example.com # News ), чтобы активировать вкладку «Новости»? @Charu Maheshwari – user10184297 13 August 2018 в 17:23
  • 5
    @ user10184297 Обновлен ответ согласно вашему требованию. Пожалуйста, проверьте. – Charu Maheshwari 14 August 2018 в 07:46

Другие вопросы по тегам:

Похожие вопросы: