jquery 탭 상단에 공백 추가

좋아, 여기에 거래가 있습니다. http://jqueryui.com/tabs/#mouseover jquery 탭 상단에 공백 추가

에서 jQuery 탭을 설치했는데 탭 3, 4를 활성화하면 처음 두 탭만 제대로 작동합니다. 약 10px.

내 스크립트가 큰 문제가되지 않습니다 :

jQuery를이 :는

$(document).ready(function() { 
    $("#tabs").tabs({ 
     event: "mouseover" 
     }); 
});

HTML은 :

<div id="tabs"> 

    <ul class="tabs"> 
     <li><a href="#tab-1">1</a></li> 
     <li><a href="#tab-2">2</a></li> 
     <li><a href="#tab-3">3</a></li> 
     <li><a href="#tab-4">4</a></li> 
     <li><a href="#tab-5">5</a></li> 
     <li><a href="#tab-6">6</a></li>  
    </ul> 

    <div id="1"></div> 
    <div id="2"></div>  
    <div id="3"></div> 
    <div id="4"></div> 
    <div id="5"></div> 
    <div id="6"></div> 

    </div>

출처

2012-12-16 Maxim Ershov

제공하신 코드로 jsfiddle을 만들었으므로 문제를 재현 할 수 없습니다. http://jsfiddle.net/F4Hg6/, 그래서 내 추측은 당신이 당신의 CSS에 문제가 있다는 것입니다. 우리가 당신을 도울 수 있도록 문제를 재현하는 jsfiddle을 만들면 어떨까요? – Josep

여기 내 버전이고 문제가 여전히 있습니다. http://jsfiddle.net/B4tq2/ 확인해보세요. CSS가 붙어 있지 않습니다. –

죄송합니다. 문제가 무엇인지 알 수 없습니다. – Josep

문제는 각 사업부를 닫는 것입니다

는 불필요한 존재 br

</div> <br /> 
     ^
     ^
     ^
     (remove this br) 

     <div id="tab-n".....> 
      // something 
     </div>

출처

2012-12-17 00:06:56

고마워요! –

jquery 탭 상단에 공백 추가

답변

관련 문제