jquery-ui에서 탭 제목을 얻는 방법 10.4

Question

다음과 같이 시도해보십시오. Jquery ui 10.4에서 탭 제목을 얻지 못하는 것 같습니다. 대화 상자 창으로 보낼 수 있도록 .data로 추가하고 싶습니다. 이미 Tab ID로이 작업을 수행하고 있지만 제목으로 파악할 수는 없습니다. 여기 내가 ID에 대해 가지고있는 것이 있습니다.

$("#add_item_opener").click(function() { 

$("#add_item_dialog") 
.data('curtab', $('#tabs').tabs('option','active')).dialog('open'); 

    }); 
}); 

Google을 사용하여 찾은 모든 항목은 이전 버전의 JQuery를 사용하는 경우에만 작동하는 것으로 보입니다.

내가 누락 된 항목이 있습니까?

편집 :

내가 더 철저 했어야 같아요. 탭 제목을 얻는 데 필요한 항목 중 일부가 필요하지만 여전히 작동하지는 않습니다. 나는 기본적으로 탭 ID와 탭 제목을 대화 상자 창에 보내 HTML 입력 요소를 채울 수 있습니다. 지금까지 창을 열고 ID가있는 텍스트 상자를 채울 수있었습니다. 이제 같은 창에서 다른 텍스트 상자에 제목을 채우고 싶습니다. 여기 내 모든 시작 대화 코드가 있습니다.

페이지에 id = 'add_item_opener'라는 버튼이있어 효과적입니다. 가장 큰 문제는 .data()를 사용하여 여러 변수를 보내는 방법입니다. 나는 심각한 JQuery와 멍청한 놈이야 모든 도움을

<td><button id='add_item_opener'>Add a New Bid Item</button> 
<div id='add_item_dialog' title = 'Bid Item Form' style = 'background-color: #ccc;'> 
<br><br> 
<form method='POST' action='' id='newBidItem'> 
<table class='small' style = 'background-color: #ccc;'> 
    <tr><td>Tab/Title</td><td><input type='text' id='title' value='' readonly='readonly' /></td> 
    <tr><td>Company Name</td><td><input type='text' name='company' style='width: 150px;' value='' /></td> 
    <tr><td>Qty</td><td><input type='text' name='qty' style='width: 35px;' value='' /></td> 
    <tr><td>Description</td><td><textarea name='descript' cols='35' rows='5' ></textarea></td> 
    <tr><td>Material Spec</td><td><input type='text' name='materialSpec' value='' /></td> 
    <tr><td>Delivery</td><td><input type='text' name='delivery' value='' class='date-pick' /></td> 
    <tr><td>Unit Cost</td><td><input type='text' name='unit_cost' value='' /></td> 
    <tr><td>Discount % (if any)</td><td><input type='text' name='discount' value='' /></td> 
</table> 
    <input type='hidden' value='' id='curtabNum' name='curtabNum' /> 
    <input type='hidden' value='' id='curjobNum' name='curjobNum' /> 
    <tr><td><input type='submit' value='Save' name='saveBidItem' id='saveBidItem' /></td> 

</form> 
</div> 

감사 :

<!--Open add item dialog box--> 
<script> 
    $(function() { 
    $("#add_item_dialog").dialog({ 
     height: 550, 
     width: 400, 
     autoOpen: false, 
     create: function() { 
      $('#curjobNum').val('154'); 
     }, 
     open : function (event, ui) { 
      var curTab = $('#add_item_dialog').data('curtab'); 
      $('#curtabNum').val(curTab); 
      }, 
     buttons: { 
    }, 
     position: { 
     my: "center top", 
     at: "center top", 
     of: "#tabs" 
     }, 
     show: { 
     effect: "blind", 
     duration: 1000 
     }, 
     hide: { 
     effect: "clip", 
     duration: 1000 
     } 

    }); 

$("#add_item_opener").click(function() { 

    $("#add_item_dialog") 
    .data('curtab', $('#tabs').tabs('option','active')).dialog('open'); 

    }); 
    }); 
    </script> 

여기 내 대화 창입니다.

Answer 1

게시물에 2 개의 질문이 있으십니까? 나는 이것을 위해 대답 할 것이다 :

선택된 탭 제목을 얻는 방법? 당신이 무엇을 달성하고자하는 jsFiddle

가 첫째

,이 예제를 보면? 일부 탭을 선택하고 click me 링크를 누르십시오. 선택한 탭 이름의 경고가 표시됩니다.

자바 스크립트 코드 :

var selected = $("#tabs").tabs("option", "active"); 
var selectedTabTitle = $($("#tabs li")[selected]).text(); 
alert(selectedTabTitle); 

그것은 매우 간단합니다. 의견이 필요한 경우 말해주십시오. 당신이 jQuery를 < = 1.8 사용하는 경우가 tabs("option", "selected");를 사용해야합니다,하지만 당신은 jQuery를> 1.8을 사용하는 경우 당신은 질문이있는 경우 tabs("option", "active"); (source)

를 사용한다는 것을

Source

참고, 대화 상자를 여는 방법, 새로운 대화를 작성하는 방법.