用于单击链接的javascript不起作用，但在重新加载页面后可以起作用
用于单击链接的javascript不起作用，但在重新加载页面后可以起作用
提问于 2013-12-27 18:12:26
我有一个html页面，在头部我引用了js文件。
<head>
<script src="/queue.js"></script>
</head>在身体里我有一个链接
<a href="#" onclick="get_ajax()">click me</a>js文件如下所示(使用jQuery)
function get_ajax(){
$.get("/queue/get_ajax", function(data){
$("#div_id").html(data);
});
}单击该链接不会触发js函数，但重新加载页面会使其正常工作。
这个问题是由我引用js文件的方式引起的吗？
这是一个rails 4应用程序的页面。
完整的头部是这样的
<head>
<title>XXXX</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery/jquery.mobile-1.2.1.min.css" />
<link rel="stylesheet" href="my.css" />
<script src="/queue.js"></script>
<script src="jquery/jquery-1.8.3.min.js"></script>
<script src="jquery/jquery.mobile-1.2.1.min.js"></script>
</head>当我在浏览器中检查页面源代码时，我发现生成的html页面没有包含<script src="/queue.js"></script>
回答 4
Stack Overflow用户
发布于 2013-12-27 18:26:41
尝尝这个
更改js文件的顺序(首先是库)
<script src="jquery/jquery-1.8.3.min.js"></script>
<script src="/queue.js"></script>然后
<a href="javascript:void(0)" onclick="get_ajax()">click me</a>Stack Overflow用户
发布于 2013-12-27 18:18:43
而不是：
<a href="#" onclick="get_ajax()">click me</a>使用以下命令：
<a href="javascript:void(0)" onclick="get_ajax()">click me</a>javascript:void(0)将停止以重新加载页面。
Stack Overflow用户
发布于 2013-12-27 18:24:24
要防止页面重新加载，您还可以这样做：
<a href="#" onclick="get_ajax(event)">click me</a>function get_ajax(e) {
e.preventDefault();
$.get("/queue/get_ajax", function(data){
$("#div_id").html(data);
});
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20798783
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号