채택완료

jquery - a 태그를 button으로..

2021-03-11 (목) 18:17:16 4,226
Copy
<a class="nav-link active" data-toggle="tab" href="#qwe">사용금액</a>

이것을

Copy
<button type="button" data-toggle="tab" href="#qwe">사용 금액</button>

와 같이 변경하고 싶습니다.

https://www.codingfactory.net/11453

예제처럼 텝 전환을 <a herf="#qwe"> 이렇게

잘 사용하고 있었는데

퍼블리싱이 button으로 왔어요 ..

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
2021-03-11 (목) 18:50:38

button 태그로 변경해도 적용될 듯 합니다.

Copy
<ul class="nav nav-tabs">
  <li class="nav-item">
    <button type="button" class="nav-link active" data-toggle="tab" href="#qwe">QWE</button>
  </li>
  <li class="nav-item">
    <button type="button" class="nav-link" data-toggle="tab" href="#asd">ASD</button>
  </li>
  <li class="nav-item">
    <button type="button" class="nav-link" data-toggle="tab" href="#zxc">ZXC</button>
  </li>
</ul>
<div class="tab-content">
  <div class="tab-pane fade show active" id="qwe">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id ornare libero. Vivamus iaculis, justo vel mattis pharetra, nisi ligula varius nisl, sit amet mollis tortor ligula vitae nisi.</p>
  </div>
  <div class="tab-pane fade" id="asd">
    <p>Nunc vitae turpis id nibh sodales commodo et non augue. Proin fringilla ex nunc. Integer tincidunt risus ut facilisis tristique.</p>
  </div>
  <div class="tab-pane fade" id="zxc">
    <p>Curabitur dignissim quis nunc vitae laoreet. Etiam ut mattis leo, vel fermentum tellus. Sed sagittis rhoncus venenatis. Quisque commodo consectetur faucibus. Aenean eget ultricies justo.</p>
  </div>
</div>

답변에 대한 댓글 1개

감사합니다 내일 출근하면 해보겠습니다

답변을 작성하려면 로그인이 필요합니다.