如何从ASP Button调用JQuery？

我一直试图从Button1调用JQuery代码，但每当我点击按钮时都没有任何反应。 我怀疑这里缺少一些东西。

         $(document).ready(function(){ $("#Button1").click(function () { alert("Hello"); }); });    
 
  
 
   

请帮助我，因为我是ASP新手Jquery

更新！ 呈现HTML

      $(document).ready(function () { $("#B1").click(function () { alert("Hello"); }); });    
 
  
 
  
  
   

Answer 1

你可以尝试将class添加到button元素，并在div上下文中找到它：

使用Javascript：

 $(document).ready(function(){ var $context = $('#containerForm').find('form'); $context.find('.mybutton').bind('click', function (event) { alert("Hello"); }); }); 

HTML：

编辑：

或者，使用此选择器查找按钮元素$context.find('input[name*="Button1"]') ，使用上下文是为了获得更好的性能。

编辑II：

您的代码运行良好（ 见此 ）。 您应该validation文件“ Scripts/jquery-1.4.1.min.js ”是否正常加载，您可能位于不在同一级别的文件夹“ Scripts ”上的路径中，具体取决于级别或设置项目，你可以把“ Scripts/jquery-1.4.1.min.js ”，但如果你有“ /MyProyect/Scripts/jquery-1.4.1.min.js ”你必须要小心。

要validation这一点，您可以使用“ fiddler ”，并找到http状态代码400。

Answer 2

您已经包含了两次jquery – 标准版和缩小版。 您不需要两次包含相同的js库。 标签也不能自动关闭。

这是正确的方法：

另外由于控制ASP.NET中的名称错误，建议使用服务器端构造来确保id正确：

 $("#<%= Button1.ClientID %>").click(function () { alert("Hello"); }); 

或使用类选择器 。

Answer 3

可能上的呈现ID不是Button1而是像ctl00_Button1

试试这个

 $(document).ready(function(){ $("#<%=Button1.ClientID %>").click(function () { alert("Hello"); }); }); 

此外，您似乎正在加载jQuery两次，其中一个是为了带宽速度而缩小

取出第一个

离开这一个