Javascript jquery单击函数不起作用_Javascript_C#_Jquery_Asp.net_Web Applications

Javascript jquery单击函数不起作用

javascript c# jquery asp.net web-applications

Javascript jquery单击函数不起作用,javascript,c#,jquery,asp.net,web-applications,Javascript,C#,Jquery,Asp.net,Web Applications,我有一个用VS2013编写的asp.net web应用程序。应用程序具有嵌套的母版页，而主母版页具有以下代码： <!DOCTYPE html> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 我的web表单还包括以下代码： <asp:Content ID="Content1" Cont

我有一个用VS2013编写的asp.net web应用程序。应用程序具有嵌套的母版页，而主母版页具有以下代码：

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

我的web表单还包括以下代码：

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


$（文档）.ready（函数（）{
$（'#textbox1'）。单击（函数（）{
警惕（“你好”）；
});
});
名称

当我构建项目并在浏览器（ie或chrome）上运行时，我点击“textbox1”，浏览器什么也不做

感谢您的帮助。

您应该更换此：

$('#textbox1')

为此：

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

$（“#”）

文本框是服务器端控件。因此，为了读取ASP.NET生成的HTML标记的ID，您必须读取

ClientID

。欲了解更多信息，请查看。一般来说，如前一链接所述：

当Web服务器控件呈现为HTML元素时，id HTML元素的属性设置为ClientID的值财产

此外，您必须在脚本的开始

脚本
标记
之前删除结束脚本标记
。
您的asp标记后立即有一个额外的
标记
请尝试不使用它的相同代码：
<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>


试试这个，希望对你有帮助
脚本：
<script src="https://code.jquery.com/jquery-latest.min.js"type="text/javascript"></script>



Html:
标签在剪切和粘贴时被遗忘。。道歉
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server>

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