jquery
  • jquery-ui
  • tabs
  • jquery-ui-tabs
  • jquery-tabs
  • 2012-05-17 4 views 1 likes 
    1

    jquery 탭을 동적으로 생성하고 있습니다. ID를 각 탭에 연결하려고합니다.jquery 탭에 id를 동적으로 추가하십시오.

    $(function() { 
        var index = 0; 
        $("#addTab").live('click', function() { 
         index++; 
         var title = 'Tab..... ' + index; 
         var url = '#fragment-' + index; 
    
         addTab(url, title, index); 
         $('li.ui-state-default').attr("id",index); 
    }); 
    

    이 코드는 id를 성공적으로 할당합니다. 그러나 새 탭을 만들 때. id를 전체 클래스에 할당합니다. 나는 이것을하고 싶지 않았다. 난 그냥 그런데 각 클래스에

    JS 바이올린

    http://jsfiddle.net/gP3YZ/9/

    +0

    은 ** 안에 당신이해야 뭔가 것 같은데 ** 당신의'addTab()'기능, 오히려 여기보다. –

    +0

    기본 jquery 함수 –

    +1

    'addTab()'는 ** jQuery 함수가 아닌 **입니다. 필자가 말한 것은 새로운 동적 탭을 만드는'addTab()'이니까, 거기에'id '를 추가하는 논리를 쓰지 않는 이유는 무엇입니까? * after addTab()가 리턴한다. –

    답변

    3
    $('li.ui-state-default:last').attr("id",index).attr('id'); 
    

    DEMO

    3
    $('li.ui-state-default').each(function(){ 
        $(this).attr("id",index++); 
    }); 
    

    을 고유 ID를 할당 할, 그것은 같은 번호를 사용하는 나쁜 습관이다 DOM 요소의 ID는 ("item-"+index)과 같은 것을 id 속성으로 사용합니다.

    관련 문제