jquery - jqueryタブに属性を設定する方法

Question

jqueryタブを動的に作成していonclickて、各タブに属性を割り当てたいと思います。

$(function() {
var index = 0;
$("#addTab").live('click', function() {
    index++;
    var title = 'Tab.....  ' + index;
    var url = '#fragment-' + index;

   $('#tabs').tabs("add", url, title, [index]);
   $('li.ui-state-default').attr("onclick","a();"); // this line


});

しかし、これは機能していません。

JSフィドルhttp://jsfiddle.net/ranasaani/gP3YZ/18/

Answer 1

タブの組み込みのselectイベントを使用することもできます：http： //jqueryui.com/demos/tabs/#event-select

$("#tabs").tabs({
    select: function() {
        // your code;
    }
});

動作例： http：//jsfiddle.net/cCN6H/

Answer 2

なぜタブに直接追加したいのですか? 次のようにクリックイベントを処理できるJQueryを使用しています：

$('yourtabselector').click(function(){})

Answer 3

$('#addTab li.ui-state-default').live('click', function(){

    a();//do something

});