jQuery函數不叫上點擊事件

Question

$(function() 
{   
    $('#btnnext').click(function() 
    { 
    alert("Hello after click event"); 
    }); 
}); 

而且代碼按鈕：

<asp:Button ID="btnnext" runat="server" CssClass="BStyle" OnClick="btnnext_Click" Text="Save" /> 

我有更新面板控制位置按鈕控件，並且還使用了主..頁面

Answer 1

試試這個：

可以使用ClientID來獲得AcutalID產生由ASP.net

$('<%#btnnext.ClientID%>').click(function() 
    { 
    alert("Hello after click event"); 
    }); 

Answer 2

試試這個，使用.on功能：

$(function() 
{   
    $('#btnnext').on('click',function() 
    { 
    alert("Hello after click event"); 
    }); 
}); 

Answer 3

看什麼ASP.net生成（查看在您的網頁源）。

ASP.NET webforms爲前端ID生成另一個ID，那麼你說什麼asp：Button。我的建議是綁定一個cssClass上的點擊，或者如果你仍然想用一個id綁定它，你需要使用[id$="_btnnext"]作爲選擇器。

$(function() { 
    $('[id$="_btnnext"]').click(function() { 
     alert("Hello after click event"); 
    }); 
}); 

Answer 4

$('#<%=btnnext.ClientID%>').click(function() 
    { 
    alert("Hello after click event"); 
    }); 

另一種方法是使用OnClientClick屬性

<asp:Button ID="btnnext" runat="server" CssClass="BStyle" OnClick="btnnext_Click" OnClientClick="MyFunctionName()" Text="Save" /> 

<script> 
function MyFunctionName(){ 
    alert('test'); 
} 
</script> 

Answer 5

您可以使用按鈕ID或CSS類作爲選擇

ID選擇

$('<%#btnnext.ClientID%>').click(function() 
    { 
    alert("Hello after click event"); 
    }); 

類別選擇器

$('.BStyle').click(function() 
    { 
    alert("Hello after click event"); 
    });