템플릿의 동적 탐색 탭 편집

나는 자바 스크립트에 특히 코딩하기가 매우 쉽다. 그래서 덤프 엉덩이 질문에 대해서는 미안하다.템플릿의 동적 탐색 탭 편집

내가하려는 것은 템플릿을 다시 디자인하는 것입니다. 탐색 탭의 길이를 편집해야합니다. 자바 스크립트 (tabs.js)는 자동으로 문자 길이를 측정 한 탭의 길이를 측정합니다. 질문은 글자 수가 단어가 바뀌더라도 탭의 길이를 비슷하게 설정할 수있는 방법입니다.

이 자바 스크립트

tabs = {

초기화는 다음과 같습니다. 함수() { $ ('. 탭') 각 (() 함수는 {

여기

var th=$(this), 
tContent=$('.tab-content',th), 
navA=$('.nav a',th) 

tContent.not(tContent.eq(0)).hide() 

navA.click(function(){ 
    var th=$(this), 
    tmp=th.attr('href') 
    tContent.not($(tmp.slice(tmp.indexOf('#'))).fadeIn(1000)).hide() 
    $(th).parent().addClass('selected').siblings().removeClass('selected').find('span').stop().animate({opacity:'0'},600); 
    Cufon.refresh(); 
    return false; 
});

내 HTML 코드

입니다

  <header> 

       <nav> 
        <ul id="menu"> 
        <li><a href="#!/page_Home"><span></span><strong>EVENTS</strong></a></li> 
        <li><a href="#!/page_About"><span></span><strong>HISTORY</strong></a></li> 
        <li><a href="#!/page_Portfolio"><span></span><strong>IMPRESSIONS</strong></a></li> 
        <li><a href="#!/page_Services"><span></span><strong>BOOKING</strong></a></li> 
        <li><a href="#!/page_Contact"><span></span><strong>CONTACT</strong></a></li> 
        </ul> 
       </nav> 
     </header>

도움을 주셔서 감사합니다.

출처

2013-08-22 James Frank

Java와 관련 없음. 게시물에 태그를 달기 전에 ** 유용한 태그 팝업을 ** 읽어주십시오. –

내가 과거에 읽은 것을 기억하기 위해 노력하고있어 ....

.setTabSize (INT 크기)

내가 그 도움이 될 것입니다 확신, 또는 적어도 바른 길에 당신을 얻을 . 잘만되면 ...

출처

2013-08-23 03:19:38 jeppy7

대단히 감사합니다! 나 좀 도와 줘! –

템플릿의 동적 탐색 탭 편집

답변

관련 문제