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');"

单击ajax选项卡容器内的tabpane时需要显示警告消息

1 个答案: