gpt4 book ai didi

javascript - jquery 点击功能不起作用

转载 作者:太空宇宙 更新时间:2023-11-03 22:57:55 27 4
gpt4 key购买 nike

我有一个用 VS 2013 编写的 asp.net web 应用程序。该应用程序有嵌套的母版页,主母版页有以下代码:

<!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 或 chrome)上运行时,我单击“textbox1”,浏览器什么也不做。

感谢您的帮助。

最佳答案

你应该替换这个:

$('#textbox1')

用这个:

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

您的文本框是服务器端控件。所以你必须阅读 ClientID , 以便读取由 ASP.NET 生成的 HTML 标记的 ID。更多信息请查看here .通常如上一个链接中所述:

When a Web server control is rendered as an HTML element, the id attribute of the HTML element is set to the value of the ClientID property

此外,您必须删除关闭 script标签,</script> ,就在开幕前script标签,<script>你的脚本。

关于javascript - jquery 点击功能不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44512696/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com