홈>
나는
nav-tab
후에
URL 변경은 포함되지 않지만 탭은 변경되고 관련 정보가 표시됩니다.
와이즈 비즈가있다
사이트를 새로 고침 할 때마다 사용자가 검색 페이지로 돌아갑니다. 일반적인 트위터 부트 스트랩
angularjs
로
이 URL을 사용할 수 없지만 URL을 변경하고 싶습니다.
질문은 :
<올> 누구든지 트위터 부트 스트랩nav-tabs
를 사용하여이 작업을 수행하는 방법을 알고 있습니까
아래 코드가 잘립니다 :
nav-tabs
각 탭은 사용자에게 정보 차트를 표시합니다.
<div class="row" data-ng-if="showcharts">
<div class="col-md-12">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#productBreakdown" role="tab" data-toggle="tab"><span class="tabHeadings">Product breakdown</span></a></li>
<li role="presentation" style="border-right: 1px solid lightgray; border-left: 1px solid lightgray"><a href="#assetsBreakdown" role="tab" data-toggle="tab"><span class="tabHeadings">Assets Breakdown</span></a></li>
<li role="presentation"><a href="#nbBreakdown" role="tab" data-toggle="tab"><span class="tabHeadings">New Business Breakdown</span></a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="productBreakdown">
<donutchart id="product-breakdown" data-options="productbreakdownchart"></donutchart>
</div>
<div role="tabpanel" class="tab-pane" id="assetsBreakdown">
<donutchart id="asset-breakdown" data-options="assetbreakdownchart"></donutchart>
</div>
<div role="tabpanel" class="tab-pane" id="messages">TO BE ADDED</div>
</div>
</div>
</div>
- 답변 # 1
- 답변 # 2
제안한대로 올바르게 작동한다고 생각하지만 작동시킬 수 없습니다! 무엇이 잘못되었는지 아십니까?
<div role="tabpanel"> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"> <a href data-target="#uploadTab" role="tab" data-toggle="tab">Upload</a> </li> <li role="presentation"> <a href data-target="#browseTab" role="tab" data-toggle="tab">Browse</a> </li> </ul> <!-- Tab panes --> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="uploadTab">upload Tab</div> <div role="tabpanel" class="tab-pane" id="browseTab">browseTab</div> </div> </div>
관련 자료
- python - 루프없이 특정 인덱스에 텐서를 생성
- tensorflow - 다크 넷/토치없이 감지를 위해 사전 훈련 된 가중치 생성
- javascript - ID없이 부트 스트랩 버튼을 클릭 할 때 어떻게조차 트리거 할 수 있습니까?
- tsql - T-SQL에서 VALUES 키워드를 사용하지 않고 테이블에 행을 만드는 방법
- git tag - 릴리스를 생성하지 않고 GitHub에서 태그를 생성하려면 어떻게해야합니까?
- java - 인스턴스 변수없이 열거 형 클래스를 만드는 방법은 무엇입니까?
- swiftUI와 함께 제공되는 슬라이드를 사용하지 않고 사용자 정의 삭제 버튼을 만드는 방법 foreach 루프를 사용하여 목록을 사용하지 않습니다
- mysql - 기본 키없이 테이블을 만들거나 변경할 수 없습니다Laravel DigitalOcean 관리 형 데이터베이스
- R에서 sample () 함수를 사용하지 않고 벡터의 순열을 만드는 방법이 있습니까?
- PHP를 사용하고 관리자 패널을 사용하거나 HTML 파일을 만들지 않고 WordPress에서 페이지를 만드는 방법은 무엇입니까?
- ubuntu18.04 - 새 파일을 만드는 것이 왜 쉽지 않습니까? 터미널없이 txt를 열 수 있습니까?
- python - 봇으로 등록하지 않고 Discord 봇을 만드는 방법은 무엇입니까?
- android - flutter에서 DRY없이 switchListTile 생성 시도
- css - Sass없이 Bootstrap 4 거터 변경
- android - 두 번째 활동의 콘텐츠를로드 할 때까지 두 활동 사이에 진행률 표시 줄 (% 없음)을 만듭니다
- javascript - attachShadow없이 사용자 지정 요소를 만드는 방법은 무엇입니까?
- javascript - git없이 반응 앱을 만드는 방법 (git 건너 뛰기)?
- javascript - bootstrap-vue없이 vuejs 2에서 부트 스트랩 4를 사용하는 방법은 무엇입니까?
- python - 재귀없이 함수 만들기
- javascript - 클래스를 미리로드하지 않고 동적으로 클래스 인스턴스 생성
관련 질문
- 클릭 이벤트에서 즉시 jQuery CSS 효과를 표시하는 방법은 무엇입니까?
- angularjs : 앵귤러 부트 스트랩 -툴팁이 표시되지 않습니다
- javascript : jQuery를 사용하여 부트 스트랩 모달 창을 여는 방법?
- 페이지에서 jQuery Ajax를 사용하여 페이지에서 부트 스트랩 모달로 가치를 전달합니다. MVC 4
- javascript : ASP.NET BOOTSTRAP은 후 백 후 이벤트 후 현재 활성 탭을 유지합니다.
- javascript : 부트 스트랩 CDN은 Angular로 작동하지 않습니다
- javascript : 다중 모달 오버레이
- javascript : Tabledragger를 사용하여 잡히지 않는 TypeError를 해결하는 방법은 무엇입니까?
- JavaScript로 부트 스트랩 모달을 숨기는 방법은 무엇입니까?
- javascript : 부트 스트랩 4 용 BootStrap-DateTimePicker 4.
댓글에서 말한 것처럼
href
로 인해 URL이 변경됩니다.<a>
의 속성 꼬리표. 그러나 당신은href
를 떠날 수 있습니다 빈 사용data-target="..."
대신 속성. 그래서있을 것이다