Onclick的LinkBut​​ton

时间:2019-12-04 18:48:27

标签: jquery asp.net

按钮:

<asp:LinkButton ID="ShowEventUnusualByDate" OnClick="ShowEventUnusualByDate_Click" CssClass="btn" runat="server"><i class="la la-check"></i>GO</asp:LinkButton>

然后是jQuery:

$('#Main_ShowEventUnusualByName').click(function () {
    $(this).css('color', 'red');
});

但单击时似乎没有任何反应。

1 个答案:

答案 0 :(得分:0)

主要问题是您在jquery选择器中使用了错误的ID,因为按钮ID有所不同。

我已经通过两种方法对其进行了检查:

  1. 使用简单的HTML按钮并在点击时更改文本颜色-通过

  2. 在我的IDE中使用ASP.Net服务器控制按钮(出于测试目的)-已通过

请注意::如果您运行此代码段,则可能会出错,因为SO代码编辑器不支持asp.net服务器控件。您必须仅在Visual Studio IDE上进行检查。

$('#ShowEventUnusualByDate').click(function() {
  $(this).css('color', 'red');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<asp:LinkButton ID="ShowEventUnusualByDate" OnClick="ShowEventUnusualByDate_Click" CssClass="btn" runat="server"><i class="la la-check"></i>GO</asp:LinkButton>

希望这会有所帮助。