탭의 부트 스트랩 링크가 작동하지 않습니다.

웹 사이트에 탭이 설정되어 있으며 탭 안의 링크가 작동하지 않는다는 것 외에는 문제가 없습니다. 마우스 오른쪽 버튼으로 클릭하고 새 탭에서 열기라고 말하면 작동하지만 그렇지 않으면 아무 일도 일어나지 않습니다. 문제는 bootstrap.js와 내가하고있는 일이라고 생각하지만, 나는 무엇을 알아낼 수 없다.

여기 사이트는 http://www.rightcall.co/features입니다. 지난 3 개 탭 여기

에있는 링크를 봐 내 코드의 간단한 버전 : 탭의 부트 스트랩 링크가 작동하지 않습니다.

<div class="tabbable features tabs-left row-fluid"> 
    <ul class="nav nav-tabs span3 uppercase"> 
     <li class="active"><a href="#l1" data-toggle="tab">Overview</a></li> 
      <li><a href="#l2" data-toggle="tab">What you get</a></li> 
      <li><a href="#l3" data-toggle="tab">Our Process</a></li> 
     </ul> 
     <div class="tab-content"> 
      <div class="tab-pane active" id="l1"> 
       <h3>Overview</h3> 
       <a href="/anotherpage">   
      </div> 
      <div class="tab-pane" id="l2"> 
       <h3>What You Get</h3> 
       <a href="/anotherpage"> 
      </div> 
      <div class="tab-pane" id="l3"> 
       <h3>Our Process</h3> 
       <a href="/anotherpage"> 
      </div> 
     </div> 
    </div> 
</div>

은 당신이 어떤 조언에 미리 감사드립니다. 나는 Bootstrap에 꽤 새로워서, 나는 약간의 상실감에 처해있다. 자바 스크립트에서

출처

2013-07-12 Sam G-H

분명히 관련성이없는 페이지의 모든 부분을 생략 했으므로 추가 정보를 제공 할 수 있는지 알려 주시기 바랍니다. –

모든 '.tabbable a' 선택 '의 jQuery로들과 기본 클릭 동작을 방지 :

는

$('.tabbable a').click(function (e) { 
    e.preventDefault(); 
    $(this).tab('show'); 
});

당신은 그것을 확인해야합니다 :

$('.tabbable .nav-tabs a').click(//etc..

다른 a이 방법'은의를 선택하지를 jQuery에 의해 ..

또한 StackOverflow에서 사이트를 연결하면 사람들이 귀하의 버그/문제를 들여다 볼 수 있도록하는 것이 중요하다고 지적해야합니다 규칙들. 질문을 찾는 다른 사람들도 문제를 해결할 수 있도록 코드 (HTML/CSS/JS) 만 게시하십시오.

출처

2013-07-12 17:29:27

조언 해 주셔서 감사합니다. 그리고 연결하는 것에 대해 유감스럽게 생각했지만 도움이 될 것이라고 생각했습니다. 궁극적으로 나는 $ ('tabbable .tab-pane a') unbind();를 트릭을 수행 한 js에 추가했기 때문에 bootstrap.js를 전혀 편집 할 필요가 없었습니다. –

도움이 될 수있어서 기쁩니다. 변경해야하는 코드는'features' 페이지의 맨 아래에 있으므로, 여러분은 그것들을 업데이트 할 수 있어야합니다. Google 애널리틱스 스크립트 바로 아래에 있습니다. 부트 스트랩을 변경해야한다고 생각하지 마십시오. –

탭의 부트 스트랩 링크가 작동하지 않습니다.

답변

관련 문제