jQuery的点击功能不起作用

问题描述：

我已经写在2013年VS的应用已经嵌套母版页和主母版页asp.net web应用程序有以下代码：jQuery的点击功能不起作用

<!DOCTYPE html> 
     <script src="http://code.jquery.com/jquery-latest.min.js" 
     type="text/javascript"></script>

我的网页形式由下列代码也：

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server"> 
</script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#textbox1').click(function() { 
       alert('Hello'); 
      }); 
     }); 
    </script> 

<div class="form-group"> 
    <label class="control-label">Name</label> 
    <input type="text" id="textbox1" class="form-control" placeholder="Name" maxlength="50" runat="server"> 
</div>

当我生成项目，并在浏览器（无论是IE或铬）上运行，我点击“TextBox1的”和浏览器什么都不做。

感谢您的帮助。

标签此刻的切割遗忘和粘贴..道歉。 –

答

此时应更换此：

$('#textbox1')

与此：

$('#<%=textbox1.ClientID%>')

你的文本框是一个服务器端控制。因此，您必须阅读ClientID，才能读取由ASP.NET生成的HTML标记的标识。欲了解更多信息，请看看here。一般来讲，因为它是在以前的链接指出：

当Web服务器控件呈现为一个HTML元素的HTML元素的ID 属性设置为客户端ID 属性的值

此外，您必须删除结束script标记，</script>，就在您的脚本开始script标记<script>之前。

为我工作，谢谢。 –

不客气！ – Christos

答

您在asp标签后立即有额外的</script>标签。

尝试没有它相同的代码：这里

<script src="https://code.jquery.com/jquery-latest.min.js"type="text/javascript"></script> 

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server"> 
</script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#textbox1').click(function() { 
       alert('Hello'); 
      }); 
     }); 
    </script> 

<div class="form-group"> 
    <label class="control-label">Name</label> 
    <input type="text" id="textbox1" class="form-control" placeholder="Name" maxlength="50" runat="server"> 
</div>

工作对我来说：https://jsfiddle.net/mutjg5sq/

答

试试这个，希望它可以帮助你

脚本：

<script src="https://code.jquery.com/jquery-latest.min.js"type="text/javascript"></script>

HTML：

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server>

的Jquery：

<script> 
    $('#textbox1').click(function() { 
        alert('Hello'); 
       }); 
</script>

jQuery的点击功能不起作用

相关推荐