jQuery：点击事件无法正常工作

Question

我尝试通过点击不同的标签更改区域和按钮值。

这是我的问题：

1. 首先加载页面，按钮效果正常，但点击其他标签后，它无法正常工作。
2. 点击第二个标签，然后点击区域按钮，您会发现它无法正常工作。

这是我的代码的一部分：

def createConsumerConfig(zookeeper: String, groupId: String): ConsumerConfig = {
    val props = new Properties()
    props.put("zookeeper.connect", zookeeper)
    props.put("group.id", groupId)
    props.put("auto.offset.reset", "largest")
    props.put("zookeeper.session.timeout.ms", "400")
    props.put("zookeeper.sync.time.ms", "200")
    props.put("auto.commit.interval.ms", "1000")
    val config = new ConsumerConfig(props)
    config
}

Here's我的所有代码：

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

Answer 1

document.on点击将触发动态添加的标签。

更改

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

到

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