javascript - jQuery:点击事件无法工作

Question

我正在尝试通过单击不同的选项卡来更改区域和按钮值。

这是我的问题:

1. 首次加载页面时，按钮效果正常，但点击其他Tab后，按钮效果就失效了。
2. 点击第二个选项卡，然后点击区域按钮，你会发现它不起作用。

这是我的代码的一部分:

$(document).ready(function () {
var _showTab = 0;
$('ul.tabs').each(function () {
    $(this).find('li').each(function (k) {
        if (k != 0) {
            $($(this).find("a").attr("href")).hide();
        } else {
            $(this).addClass('active').append("<span class='tr_icon'></span>");
        }
    })
});
$('ul.tabs li').click(function () {
    var $this = $(this),
        _clickTab = $this.find('a').attr('href');
    $this.addClass('active').append("<span class='tr_icon'></span>").siblings('.active').removeClass('active').children().remove('span');
    // $(_clickTab).stop(false, true).fadeIn().siblings().hide();
    paidChange();
    areaChange();
    return false;
}).find('a').focus(function () {
    this.blur();
});
});

Here's我的所有代码:

抱歉我的英语不好，希望你能明白我的意思。

Answer 1

document.on 单击将在动态添加的选项卡上触发。

改变

$('ul.tabs li').click(function() { });

到

$(document).on("click", 'ul.tabs li', function(){});