jquery在asp.net中不起作用

本文关键字:不起作用 net asp jquery | 更新日期: 2023-09-27 17:53:46

我有一个asp.net网站,当点击标签时,例如使用jquery触发警报,但它不起作用:这是我试过的:

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript">
    $('#scheduled').click(function () {
        alert("alert something");//not work
    });
    $('.ako').click(function (e) {
        alert("alert something");//not work
    });
    $("#<% =scheduled.ClientID%>").click(function (e) {
        alert("alert alert alert");//not work
    });
</script>

这是标签标签:

            <asp:Panel runat="server" CssClass="row">
            <asp:Label runat="server" CssClass="btn btn-primary btn-lg " class="ako"    Style="margin: 10px" ID="scheduled" Text="scheduled" />
        </asp:Panel>

i用户主页,此代码位于Default.aspx页面中。

jquery(javascript(警报都不起作用。谢谢

jquery在asp.net中不起作用

加载元素后,用文档就绪处理程序包装代码以绑定事件处理程序,或者将代码移动到页面末尾。

$(document).ready(function(){
    $('#scheduled').click(function () {
        alert("alert something");//not work
    });
    $('.ako').click(function (e) {
        alert("alert something");//not work
    });
    $("#<% =scheduled.ClientID%>").click(function (e) {
        alert("alert alert alert");//not work
    });
});
<asp:Label runat="server" CssClass="btn btn-primary btn-lg " class="ako"    Style="margin: 10px" ID="scheduled" ClientIDMode="Static" Text="scheduled" />

将客户端ID模式设置为静态。使用firebug查看控件的名称,如果不将客户端id模式设置为静态,则web表单会更改控件的名称。

这是因为.net在控件名称的前缀中分别与它们的容器相关。

并用document.ready包装代码,以确保加载了dom元素。

https://weblog.west-wind.com/posts/2009/nov/07/clientidmode-in-aspnet-40