0

我哪里出错了，我的代码应该怎么看？

<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>
4

2 回答 2

0

您的事件侦听器未初始化。将悬停侦听器包装在 DOM 中$(document).ready或将 javascript.button放在 DOM 之后：

<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 代码的最佳位置。

于 2013-10-19T15:08:58.550 回答
-2

您的 ajax 请求应指向后端代码中的控制器操作方法。在那里进行处理以读取文件并将其作为字符串返回，以便在客户端进行操作。

$.ajax({
        cache: true,
        type: 'post',
        async: false,
        url: '/SomeAction/GetText',
        success: function (msg) {

           // do your replace here

        }

    });
});
于 2013-10-19T15:09:58.230 回答