jquery在asp.net中不起作用

Question

我有一個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>

這是Label標簽：

            <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>

我是用戶母版頁，此代碼在Default.aspx頁面中。

沒有jquery（javascript）警報工作。 謝謝 。

Answer 1

在文檔就緒處理程序中包裝代碼以在加載元素后綁定事件處理程序或在頁面末尾移動代碼。

$(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
    });
});

Answer 2

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

將客戶端ID模式設置為靜態。 使用firebug查看控件的名稱，如果未將客戶端ID模式設置為static，則Web表單將更改控件的名稱，並且您的jquery將不起作用。

這是因為.net前綴分別與其容器相關的控件名稱。

並使用document.ready包裝代碼以確保加載dom元素。

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