如何将鼠标悬停在链接上时显示demo_test.txt的内容?我哪里出错了,我的代码应该是什么样子
How can I display the contents of demo_test.txt when I hover over a link? Where am I going wrong, and how should my code look?
我哪里出错了,我的代码应该是什么样子?
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<script>
$(".button").hover(function(){ $.ajax({url:"demo_test.txt", success:function(result){ $("#div1").html(result); }}); });
</script>
</head>
<body>
<div id="div1"><a href="#" class="button">Hover me</a></div>
</body>
</html>
事件侦听器未初始化。要么将悬停侦听器包装在 $(document).ready
中,要么将 javascript 放在 DOM 中.button
之后:
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<script>
$(document).ready(function(){
$(".button").hover(function(){ $.ajax({url:"demo_test.txt", success:function(result){ $("#div1").html(result); }}); });
});
</script>
</head>
<body>
<div id="div1"><a href="#" class="button">Hover me</a></div>
</body>
</html>
请参阅:http://api.jquery.com/ready/
传递给 .ready() 的处理程序保证在 DOM 已准备就绪,因此这通常是附加所有其他内容的最佳位置 事件处理程序并运行其他 jQuery 代码。
ajax 请求应指向后端代码中的控制器操作方法。 在那里进行处理以读取文件并将其作为字符串返回,以便根据需要在客户端进行操作。
$.ajax({
cache: true,
type: 'post',
async: false,
url: '/SomeAction/GetText',
success: function (msg) {
// do your replace here
}
});
});
相关文章:
- reducers在redux中得到Function not Object,what'it’他错了
- 正在尝试为Docpad网站设置Lunr全文搜索插件.我做错了什么
- 谷歌关闭注释赢得'Don’不要告诉我;I’我错了
- Javascript对象/原型.我的理解错了吗
- 什么'这个随机数猜谜游戏错了
- 重新加载重复数据失败,我做错了什么
- 什么'这个谷歌脚本错了
- 柴如承诺即使错了也会过去
- 什么'Gulp错了
- 我做错了什么
- angular mongodb数组格式写错了
- JavaScript排序算法不起作用 - 任何明显的我做错了
- Google Apps 脚本为 getLastRow 抛出电子邮件失败通知,我做错了什么
- Javascript语法 - 我做错了什么
- 角度灯箱不起作用.我做错了什么
- 在这个猫鼬独特的保存前验证中,我做错了什么
- fullcalendar赢得't让我调整事件大小(光标不显示,我做错了)
- document.getElementById为空..什么'I’我的代码错了.
- Javascript-JSON.parse:数据意外结束-使用有效JSON时出错.我做错了什么
- 我做错了什么?405尝试保存值时出错