0
다음은 부트 스트랩 2.0 탭을 사용하는 작은 jQuery 테스트 프로그램입니다. 특이한 점은 Firefox에서이 프로그램을 실행하면 예상대로 작동한다는 것입니다. Firebug를 켜면 탭이 작동하지 않습니다! 내가 누락 된 이벤트 처리가 있습니까? 당신이 상상할 수 있듯이, 그것은 나의 프로젝트를 디버깅하는 것을 매우 어렵게 만들고 있습니다!부트 스트랩 탭이 파이어 버그와 함께 작동하지 않습니다.
(당신이 실행하려는 경우 - 웹 루트에 파일을 복사하고 jQuery를 및 부트 스트랩 파일의 경로를 수정 -.. 그건 내가 JSFiddle에서 발견 예를 그런 다음, 파이어 폭스에서 HTML 파일에 액세스)
탭 test.html를
<!DOCTYPE html>
<html lang="en">
<head>
<script src="./js/jquery-1.9.1.js"type="text/javascript" charset="utf-8"></script>
<script src="./bootstrap/dist/js/bootstrap.min.js"></script>
<script src="./bootstrap/assets/js/holder.js"></script>
<link href="./bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<script type="text/javascript">
$(document).ready(function(){
$("#myTab a").click(function(e){
e.preventDefault();
$(this).tab('show');
});
});
</script>
<style type="text/css">
.bs-example{
margin: 20px;
}
</style>
</head>
<body>
<div class="bs-example">
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#sectionA">Section A</a></li>
<li><a href="#sectionB">Section B</a></li>
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"> </b></a>
<ul class="dropdown-menu">
<li><a href="#dropdown1">Dropdown1</a></li>
<li><a href="#dropdown2">Dropdown2</a></li>
</ul>
</li>
</ul>
<div class="tab-content">
<div id="sectionA" class="tab-pane fade in active">
<h3>Section A</h3>
<p>Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui. Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.</p>
</div>
<div id="sectionB" class="tab-pane fade">
<h3>Section B</h3>
<p>Vestibulum nec erat eu nulla rhoncus fringilla ut non neque. Vivamus nibh urna, ornare id gravida ut, mollis a magna. Aliquam porttitor condimentum nisi, eu viverra ipsum porta ut. Nam hendrerit bibendum turpis, sed molestie mi fermentum id. Aenean volutpat velit sem. Sed consequat ante in rutrum convallis. Nunc facilisis leo at faucibus adipiscing.</p>
</div>
<div id="dropdown1" class="tab-pane fade">
<h3>Dropdown 1</h3>
<p>WInteger convallis, nulla in sollicitudin placerat, ligula enim auctor lectus, in mollis diam dolor at lorem. Sed bibendum nibh sit amet dictum feugiat. Vivamus arcu sem, cursus a feugiat ut, iaculis at erat. Donec vehicula at ligula vitae venenatis. Sed nunc nulla, vehicula non porttitor in, pharetra et dolor. Fusce nec velit velit. Pellentesque consectetur eros.</p>
</div>
<div id="dropdown2" class="tab-pane fade">
<h3>Dropdown 2</h3>
<p>Donec vel placerat quam, ut euismod risus. Sed a mi suscipit, elementum sem a, hendrerit velit. Donec at erat magna. Sed dignissim orci nec eleifend egestas. Donec eget mi consequat massa vestibulum laoreet. Mauris et ultrices nulla, malesuada volutpat ante. Fusce ut orci lorem. Donec molestie libero in tempus imperdiet. Cum sociis natoque penatibus et magnis dis parturient.</p>
</div>
</div>
</div>
</body>
</html>
firefox를 firefox에서 분리 해보십시오. –
Win7에서 Firefox 33.0.1 + Firebug 2.0.4 (CDN에서 JS 및 CSS 파일 가져 오기)를 사용하여 잘 작동합니다. 어떤 버전의 Firefox와 Firebug를 사용하십니까? –
나는 FF 33.0이고 Firebug 2.0.4는 Mac .... hmmmmm이다. 나에게 @ Cerlin이 방화범을 풀 것을 제안하자. – user1072910