gpt4 book ai didi

javascript - 简单的 jQuery 模糊功能不起作用

转载 作者:搜寻专家 更新时间:2023-10-31 22:19:56 24 4
gpt4 key购买 nike

我有过这样的时刻之一,我无法让一段简单的代码工作。尽管在这上面花了一个多小时,但我无法让这段代码工作;

<!DOCTYPE html>
<html lang="en">
<head>
<title><?php echo 'Test'; ?></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"><!-- jQuery stylesheet -->
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script><!-- jQuery libary -->
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script><!-- jQuery UI -->
</head>
<body>

<script>
$("#target").blur(function () {

alert("Handler for .blur() called.");

});
</script>

<form>
<input id="target" type="text" value="Field 1">
<input type="text" value="Field 2">
</form>

</body>
</html>

我已经通过 HTML 5 验证器运行我的代码以确保它不是愚蠢的东西,并且我已经确保我使用的是最新版本的 jQuery。奇怪的是,我可以让代码在 jsFiddle 上运行。

最佳答案

$(function(){

$("#target").blur(function () {

alert("Handler for .blur() called.");

});
});

您需要将脚本更新为上面写的那样。那就是添加一个包装器。

您正在使用 jquery 绑定(bind)一个事件。然而,当你的脚本执行时,jquery 没有必要在那时加载,因此,绑定(bind)不会发生,因此,函数不会被触发。

您需要添加一个 on ready of jquery 的包装器,以确保在 dom 准备好后完成所有事件绑定(bind)和脚本执行。

在这里,我为您创建了一个工作版本的 plunker - http://plnkr.co/edit/Xhur8f1ur194ii6XlRby?p=preview

关于javascript - 简单的 jQuery 模糊功能不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30832020/

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