2012-12-21 4 views
3

나는 PHP로 만들어진 페이지가 있습니다. 이 페이지는 Dash, Project.the라고하는 탭으로 구성된 메뉴 탭을 포함합니다. 대시 탭은 테이블의 일부 데이터를 보여주는 테이블로 구성되어 있습니다. 대시 탭에서 테이블의 행 중 하나를 클릭하면 간단한 형태로 구성되어있는 프로젝트 탭으로 이동하고 대시 탭의 데이터가 프로젝트 탭에있는 양식으로 채워집니다.하지만 내 문제는 대시 (Dash) 인 동일한 탭에 남아 있습니다. 대시 그것은 프로젝트 탭을 보여 주어야하지만 그것이 대시 탭 content.i를 보여주는 것입니다 그것은 그것이 일어나고있는 이유로 활성으로 유지됩니다 같아요.한 탭에서 다른 탭으로 이동

<tr> 
    <td> 
     <a href="#" data-bind="attr:{value:id,title:projname,href:root+'projects/project/'+id},text:projname"> 
    </td> 
    <td data-bind="text:enddate"></td> 
    <td data-bind="text:status"></td> 
</tr> 
+0

탭 pls에 사용하고있는 jQuery 코드와 CSS를 포함 할 수 있습니까? – Barbs

답변

1

하면 다음과 같은 시도 다음과 같이

<div class="tabbable"> 
    <ul class="nav nav-tabs"> 
     <li class="active"> 
      <a href="#dash" data-toggle="tab">Dash</a> 
     </li> 
     <li class=""> 
      <a href="#projects" data-toggle="tab">Projects</a> 
     </li> 
    </ul> 
    <div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;"> 
     <div class="tab-pane active" id="dash"> 
      <?php include "dash.php"; ?> 
     </div> 
     <div class="tab-pane" id="projects"> 
      <?php include "project.php"; ?> 
     </div> 
    </div> 
</div> 

가 이동되는 곳에서 대시 탭의 코드입니다.

$('#tabbable').tabs('select', $('#projects')); 
$('#tabbable').tabs('select', $('#dash')); 
+0

전체 코드를 알려주시겠습니까? – user1920656

+0

@ user1920656, Barbs가 댓글에 언급 한 바와 같이 질문에 더 많은 코드를 포함하여 수행 한 작업을 확인합니다. – arttronics

+0

** + 1 ** 좋은 답변입니다! – arttronics

관련 문제