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

Как я могу загружать внешние страницы на той же вкладке с платформой twitter-bootstrap?

Я не могу найти примеры "first senario" в примере основных вкладок на вкладках, используемых в качестве обычной навигации (загрузка внешних страниц в той же вкладке).

У меня есть эти вкладки:

  <ul class='tabs'>
    <li class='active'><a href='/' id=''>All Repos</a></li>
    <li><a href='/cms/watchers' id='cms'>CSS</a></li>
    <li><a href='/css/watchers' id='css'>CMS</a></li>
    <li><a href='/ruby/watchers' id='ruby'>CMS</a></li>
    <li><a href='/framework/watchers' id='framework'>CMS</a></li>
  </ul>

"Все репозитории" активен по умолчанию, но когда я нажимаю, например, cms, я получаю страницу, но вкладка не становится активной.

Вот остальная часть страницы, которую я возвращаю:

  <div class='tab-content'>
    <div class='active tab-pane' id='cms'></div>
      <table>
        <thead>
          <tr class='row'>
            <th>repo</th>
            <th>watchers</th>
            <th>forks</th>
            <th>description</th>
            <th>created</th>
            <th>pushed</th>
            <th>tags</th>
          </tr>
        </thead>
        <tbody>
          <tr class='row'>
            <td>
              <a href="https://github.com/mojombo/jekyll">mojombo/jekyll</a>
            </td>
            <td>4473</td>
            <td>715</td>
            <td>Jekyll is a blog-aware, static site generator in Ruby</td>
            <td>Mon, Oct 20 at  6:29am</td>
            <td>Sun, Nov 27 at  2:48am</td>
            <td class='4ee287831d41c8281f000166'>cms</td>
          </tr>
        </tbody>
      </table>
  </div>
  <script>
    //<![CDATA[
      $(function () {
        $('.tabs').tabs()
      })
    //]]>
  </script>

Мне нужны вкладки, содержащие страницы (а не относительный обзор содержимого страницы), что-то вроде следующего примера: http://rails-admin-tb.herokuapp.com/admin/balls, но это не работает.

Есть идеи ?


  • twitter.github.com/bootstrap/javascript.html#tabs 15.12.2011
  • хорошо, я это уже вижу, но в моем случае у меня нет относительного URI/якоря, указывающего на #part-of-the-doc, а есть абсолютный URI, указывающий на новую страницу. Как сослаться на href=/cms/watchers? Что такое 'id= ...' в ‹div class=tab-pane id= ... › ? 15.12.2011
  • А, я понимаю, что вы имеете в виду. Я на самом деле не уверен, и этого нет в документации. Самый простой способ выяснить это — использовать инструмент типа Web Inspector/Firebug для просмотра идентификатора, присвоенного этим элементам div. 15.12.2011

Ответы:


1

Исходя из поведения других подключаемых модулей js, я не осознавал, что это так просто.

Спасибо jasny за разъяснение:

Если вы загружаете разные страницы, JavaScript не нужен, вы можете просто вывести правильный HTML. Поэтому решите это в своем коде на стороне сервера (Ruby, PHP, Phyton или что-то еще).

  <!-- URL: / -->
  <ul class='tabs' data-tabs='tabs'>
    <li class='active'><a href="/">Home</a></li>
    <li><a href="/cms/watchers">CMS</a></li>
    <li><a href="/css/watchers">CSS</a></li>
    <li><a href="/ruby/watchers">Ruby</a></li>
    <li><a href="/framework/watchers">Framework</a></li>
  </ul>

  <!-- URL: /cms/watchers -->
  <ul class='tabs' data-tabs='tabs'>
    <li><a href="/">Home</a></li>
    <li class='active'><a href="/cms/watchers">CMS</a></li>
    <li><a href="/css/watchers">CSS</a></li>
    <li><a href="/ruby/watchers">Ruby</a></li>
    <li><a href="/framework/watchers">Framework</a></li>
  </ul>

Поэтому используйте javascript только в том случае, если вы хотите иметь возможность переключать вкладки без перезагрузки страницы.

17.12.2011
Новые материалы

Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..