[英]JQuery getJson success function is firing on button click
我无法解决getjson成功事件。 当我在$（document）.ready上调用$ .getJSON时，它的工作正常，当我在按钮下单击相同的代码时，它就无法正常工作。
工作正常（在$（文件）.ready下）
<html>
<head>
<title>API Logger</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js" ></script>
<script>
"use strict";
$(document).ready(function(){
var flickerAPI = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
$.getJSON( flickerAPI,
{
tags: "mount everest",
tagmode: "any",
format: "json"
},
function(data)
{
alert("success");
});
});
</script>
</head>
<body>
<form>
<button id="btn1" >Execute</button>
</form>
</body>
不工作（在$（'＃btn1'）下。（'click'，function（）
<html>
<head>
<title>API Logger</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js" ></script>
<script>
"use strict";
$(document).ready(function(){
$('#btn1').on('click', function() {
var flickerAPI = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
$.getJSON( flickerAPI,
{
tags: "mount everest",
tagmode: "any",
format: "json"
},
function(data)
{
alert("success");
});
});
});
</script>
</head>
<body>
<form>
<button id="btn1" >Execute</button>
</form>
</body>
它没有用，因为你把按钮放在窗体中
<form>
<button id="btn1" >Execute</button>
</form>
它会提交evertime你点击其他意义上它会重新加载页面。
只需在表单中定义按钮类型即可。
试试这样吧
<form>
<button type="button" id="btn1" >Execute</button>
</form>
或者只是在点击事件中添加return false
$(document).ready(function () {
$('#btn1').on('click', function () {
var flickerAPI = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
$.getJSON(flickerAPI, {
tags: "mount everest",
tagmode: "any",
format: "json"
}, function (data) {
alert("success");
});
return false;
});
});
jQuery-从getjson加载内容时不会触发click函数
[英]jQuery - click function not firing when content loaded from getjson
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.