Question

我通过传入一个viewName参数动态创建Jquery Tabs。我试图弄清楚如何使用this根据动态创建的Tab的id触发另一个函数。

这是创建选项卡并为其分配ID和动态名称的功能。

function SetImportedView(viewName, scriptValue) {
/* put the values we received in parameters into create view tabs*/
$('<li id="' + viewName + '">' + '<a href="' + '#tabs-1' + '"</a>' + viewName +    '</li>').insertBefore('#new');
}

我需要触发另一个特定于单击的Tab的ID的函数。

类似的东西：

$(this.tab).click(function() {
 doSomething
}

Answer 1

这是什么

function SetImportedView(viewName, scriptValue) {
    /* put the values we received in parameters into create view tabs*/
    $('<li id="' + viewName + '">' + '<a href="' + '#tabs-1' + '"</a>' + viewName +    '</li>')
        .on( 'click', 'a' function( ev ) {
            // link in li clicked
         } )
        .insertBefore('#new');
}

修改

好吧，你的意思是这样的？！？！

$( 'li' ).on( 'click', 'a', function( ev ) {
    var tabID = $( this ).parent().attr('id');

    // do something here with your tabID
} );

Answer 2

只需在你的“a”标签上点击一下，就可以这样呈现：

<a href="javascript:void(0);" onclick="return myFunction();">TAB #1</a>

Answer 3

...解决

$('#tabs ul li a').click(function() {
        console.log($(this).attr('id'));
    });

按下Jquery选项卡时，使用'this'触发函数

3 个答案:

修改