试图使用Javascript输出到特定div
在发出API请求并返回JSON后，我无法将javascript输出到目标div标签的#photolist，我只得到一个空白屏幕 这是我的HTML JQuery手机试图使用Javascript输出到特定div,javascript,jquery,html,css,jquery-mobile,Javascript,Jquery,Html,Css,Jquery Mobile,在发出API请求并返回JSON后，我无法将javascript输出到目标div标签的#photolist，我只得到一个空白屏幕 这是我的HTML JQuery手机 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta n
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>JQuery Mobile Web</title>
<link rel="stylesheet" type="text/css" href="../css/jquerymobile.css">
<link rel="stylesheet" type="text/css" href="../css/style.css">
<script src="../js/jquery.js"></script>
<script src="../js/jquerymobile.js"></script>
</head>
<body>
<section data-role="page" id="home" data-theme="b" data-title="Photo Grid">
<div data-role="header">
header
</div><!-- header -->
<article data-role="content">
<img src="images/ART_Logo.png" width="100%">
<h1>The Exclusive List</h1>
</article>
<section id="photos" data-theme="b">
<div data-role="content">
<div class="ui-grid-c" id="photolist"></div>
</div><!--content-->
</section><!--Photos-->
<div data-role="footer" data-position="fixed" data-fullscreen="true">
<div data-role="navbar" id="navbar">
<ul>
<li><a href="#home" data-transition="slide" data-icon="home" >Home</a></li>
</ul>
</div>
</div><!-- footer -->
</section><!--Home Page-->
<script src="../js/script.js"></script>
<script src="https://api.flickr.com/services/feeds/photos_public.gne?id=123910575@N04&format=json"></script>
</body>
</html>
JQuery移动Web
标题
function jsonFlickrFeed(data)
{
console.log(data);
var output = '';
for (var i = 0; i < data.items.lenght; i++)
{
var title = data.items[i].title;
var link = data.items[i].media.m.substring(0,56);
var blocktype =
((i % 4) === 3) ? 'd':
((i % 4) === 2) ? 'c':
((i % 4) === 1) ? 'd':
'a';
output += '<div class="ui-block-' + blocktype + '">';
output += '<a href="#showphoto" data-transition="fade" onclick="showPhoto(\'' + link + '\', \'' + title + '\')">';
output += '<img src="' + link + '_q.jpg" alt="' + title + '">';
output += '</a>';
output += '</div>';
}
$('#photolist').html(output);
}
function showPhoto(link, title){
var output = '<a href="#photos" data-transition="fade">';
output +='<img src="' + link +'_b.jpg" alt="' + title + '">';
output +='</a>';
$('#myphoto').html(output);
}