gpt4 book ai didi

javascript - 加载页面时 jQuery 代码不起作用

转载 作者:行者123 更新时间:2023-12-02 16:14:38 24 4
gpt4 key购买 nike

我遇到了问题。我有一个 HTML 页面,在同一脚本标记中包含 javascript 代码和 jQuery 代码。

这是我的带有 javascript 和 jQuery 的 html:

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<title>Page</title>

<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="css/nivo-lightbox.css" rel="stylesheet" />
<link href="css/nivo-lightbox-theme/default/default.css" rel="stylesheet" type="text/css" />
<link href="css/animate.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet">

<!-- javascript and bootstrap -->
<script src="js/jquery.min.js"></script>
<link href="js/bootstrap.min.js" type="text/javascript">
<link href="js/modal.js" type="text/javascript">

<!-- template skin -->
<link id="t-colors" href="color/default.css" rel="stylesheet">


<script>

<!-- HERE IS SOME PURE JAVASCRIPT CODE -->

$(document).ready(function() {
var table = $('#tableBody tr td');

table.on("click",function() {
table.removeClass("test-class");
$(this).addClass("test-class");
});
});
</script>

我的问题是:当页面加载时,我的 jQuery 函数不起作用,但是当我复制该函数并将其粘贴到浏览器的控制台上时,它可以完美运行。

注意:当我在浏览器控制台上发出警报时,它会起作用。这意味着我的 jQuery 正在随页面一起加载。

我缺少什么?

提前致谢。

最佳答案

尝试代码

$('document').on("click",'#tableBody tr td',function() {
var table = $('#tableBody tr td');
table.removeClass("test-class");
$(this).addClass("test-class");
});

我不知道 td 元素是在代码中创建的还是静态 html。如果 td 或 table 是动态的,DOM 不知道它在哪里,因为当浏览器运行时,它总是保留原始 html 的记录。

DOM 有时会失去跟踪,因此使用 on('click','#target', func()) 格式将使 DOM 返回并再次查找目标。

关于javascript - 加载页面时 jQuery 代码不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29803496/

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