jquery - 单击 ajax 选项卡容器内的选项卡时需要显示警报消息

Question

<asp:TabContainer ID="tcMain" runat="server" ActiveTabIndex="0" Width="986px">
<asp:TabPanel ID="tp1" HeaderText="H1" runat="server">
</asp:TabPanel>
<asp:TabPanel ID="tp2" HeaderText="H2" runat="server">
 </asp:TabPanel>
 </asp:TabContainer>

$(document).ready(function () {
    $("#tp2").click(function () {
        alert("Done");         
    });
});

在上面的代码中，当点击 TabPanel“tp2”时，应该会出现警告消息

Answer 1

可能你没有添加对 jQuery 的引用（打开你的控制台（在大多数浏览器中是 F12）并检查你是否看到类似'function $ is not defined'的消息）。你也可以通过纯javascript来做到这一点：

<script>
var element = document.getElementById('tp2');
element.onclick = function(){
   alert('done');
}
</script>

或者简单地添加 onClick="javascript: window.alert('done');" 在 html 标签上需要事件处理程序。

onClick="javascript: window.alert('test');"