gpt4 book ai didi

jquery - 提示在 JQuery 中不起作用

转载 作者:行者123 更新时间:2023-12-01 06:43:56 25 4
gpt4 key购买 nike

我尝试获取提示消息。但它不起作用。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm10.aspx.cs" Inherits="WebApplication9.WebForm10" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>

<h1 id="main-heading">Hello world!</h1>
<script>
$(document).ready(function () {


var headingElement = $("#main-heading");
console.log(headingElement.innerHTML);
var newHeadingText = prompt("Please provide a new heading:");
headingElement.innerHTML = newHeadingText;


});



</script>


</div>
</form>
</body>
</html>

这就是Jquery的方式。但不会显示提示。

如何改变这个,以便显示提示?

谢谢

但你说:

在标签之前,像这样:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm10.aspx.cs" Inherits="WebApplication9.WebForm10" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

</head>
<body>




<form id="form1" runat="server">
<div>

<h1 id="main-heading">Hello world!</h1>



</div>
</form>




<script>
$(document).ready(function () {


var headingElement = $("#main-heading");
console.log(headingElement.text);
var newHeadingText = prompt("Please provide a new heading:");
headingElement.innerHTML = newHeadingText;


});

</script>


</body>
</html>

但这不起作用。

好的,我现在是这样的:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm10.aspx.cs" Inherits="WebApplication9.WebForm10" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

</head>
<body>

<form id="form1" runat="server">
<div>
<h1 id="main-heading">Hello world!</h1>
</div>
</form>

<script>
$(document).ready(function () {
var headingElement = $("#main-heading");
console.log(headingElement.text());
var newHeadingText = prompt("Please provide a new heading:");
headingElement.text(newHeadingText);
});
</script>

</body>
</html>

但现在仍然显示提示。

最佳答案

脚本应添加在正文结束标记之前,</body> .

$(document).ready(function () {
var headingElement = $("#main-heading");
console.log(headingElement.text());
var newHeadingText = prompt("Please provide a new heading:");
headingElement.text(newHeadingText);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form1" runat="server">
<div>
<h1 id="main-heading">Hello world!</h1>
</div>
</form>

此外,您应该使用 text方法。有关此方法的信息,请查看here 。没有任何名为 innerHTML 的属性在 jquery 对象上( headingElement 是一个 jquery 对象,它与 document.getElementById('main-heading') 不同,后者会返回一个 Element 对象,该对象有一个名为 innerHTML 的属性)。

关于jquery - 提示在 JQuery 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42607269/

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