JQuery와는 선택된 탭의 ID가 내가 할 예제를 많이 시도하고 내가 선택한 탭의 ID를 얻을하려면 코드를 얻을 수

Question

작동하지 않을 수

http://pastebin.com/A5cqQS61

JS 코드 :

$(function() { 
    $('#tabs').tabs({ 
    select: function(event, ui) { 
     console.log($(ui.tab)); // the tab selected 
     console.log(ui.index); 
    }, 
    show: function(event, ui) { 
     console.log($(ui.tab)); // the tab shown 
     console.log(ui.index); 
    } 
    }); 
}); 

HTML : 나는 흐름 일을 이해하지 않기 때문에

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li> 
     <li><a href="#tabs-3">Aenean lacinia</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p>text1</p> 
    </div> 
    <div id="tabs-2"> 
     <p>text2</p> 
    </div> 
    <div id="tabs-3"> 
     <p>text3</p> 
    </div> 
</div> 

내가, 페이스트 빈에 넣어 전자 코드 블록이 스택에서 작동합니다! 나는 공간을 4 번 눌렀습니다. 결코 잘 작동하지 않습니다.

지금까지 이러한 솔루션을 살펴 보았다 : jquery tab selected jQuery tabs - Get the index of previously selected tab jQuery tabs - Get the index of previously selected tab Get tab selected Id in jQuery UI 1.9

Answer 1

, 시도하십시오이 한 - 다른 이벤트 이름 ('활성화') 및 UI 객체의 다른 재산의 사용에주의하십시오

$(function() { 
    $('#tabs').tabs({ 
    activate: function(event, ui) { 
     console.log(ui.newPanel[0].id); 
    }}); 
}); 

을

Answer 2

나는 보통 해적판 방법을 ... $ ('# 탭 li.active'). 이렇게하면 id = 'tabs'요소 아래에서 활성화 된 li을 얻을 수 있습니다. 요소를 얻을 수 있다면 ... jQuery를 사용하면 ... $ (요소)와 같은 작업을 수행 할 수 있습니다.

당신은 var에 ID = $ (element.attr ('ID') 할 수있는 거기에서,

Answer 3

당신은 DIV 탭 요소를 반환 ui.panel을 사용해야합니다

{당신이 무엇을 찾고 있는지를?}

SEE DEMO

$(function() { 
    $('#tabs').tabs({ 
     select: function (event, ui) { 
      console.log(ui.panel.id); 
      console.log(ui.index); 
     }, 
     show: function (event, ui) { 
      console.log($(ui.panel));//jq object 
      console.log(ui.panel.id); 
      console.log(ui.index); 
     } 
    }); 
});