Bootstrap ScrollSpy, кажется, разбивает закладки Bootstrap

Я пытаюсь реализовать ScrollSpy на странице, которая использует вкладки.Bootstrap ScrollSpy, кажется, разбивает закладки Bootstrap

Это мое тело тег:

<body data-spy="scroll" data-target=".subnav" data-offset="50">

Это моя Вкладка HTML:

<div class="div-tabs tabbable"> 
    <ul class="nav nav-tabs" id="myTab"> 
     <li class="active"><a href="" data-toggle="tab" data-target="#home">Home</a></li> 
     <li><a href="" data-toggle="tab" data-target="#profile">Profile</a></li> 
    </ul> 
    <div id="myTabContent" class="tab-content"> 
     <div class="tab-pane active" id="home"> 
      <div class="padding16"> 
        ... 
      </div> 
      <div class="button-bar"> 
       <a href="#" class="btn"><i class="icon-user"></i>Button</a> <a href="#" class="btn btn-primary"> 
        <i class="icon-time icon-white"></i>Button</a> <a href="#" class="btn btn-warning">Button</a> 
       <a href="#" class="btn btn-danger">Button</a> <a href="#" class="btn btn-success">Button</a> 
      </div> 
     </div> 
     <div class="tab-pane " id="profile"> 
      <div class="padding16"> 
       ... 
      </div> 
      <div class="button-bar"> 
       <a href="#" class="btn btn-warning">Button</a> 
       <a href="#" class="btn btn-danger">Button</a> <a href="#" class="btn btn-success">Button</a> 
      </div> 
     </div> 
    </div> 
</div>

Если удалить data-spy="scroll" data-target=".subnav" data-offset="50" из тега, мои вкладки работают хорошо. При включенном scrollspy, я получаю эту ошибку в Chrome Дев инструментов:

Uncaught TypeError: Не удается прочитать свойство «сверху» нулевых

Любая идея, что может быть не так? Похоже, что ScrollSpy заставляет вкладки Bootstrap не находить ссылки на атрибут HREF.

Я использую Bootstrap 2.0.2

источник

2012-05-24 Johann de Swardt

Код выше не является производством, это просто шаблон, который будет использоваться через остальную часть нашей системы для создания пользовательских интерфейсов с вкладками. –

Я видел эту ошибку, когда я имел связи в нав на якоря, которые еще не существуют в разметке. Например, если ссылка в navbar ссылается на #about, но на странице не существует элемента с id="about", вы увидите эту ошибку.

источник

2012-05-28 00:22:28 jhedstrom

Спасибо. Я пропустил это. :) –

Это плохо документировано, спасибо! –

Bootstrap ScrollSpy, кажется, разбивает закладки Bootstrap

ответ

Смежные вопросы