[英]Use JSON variable as public variable?
我正在將Flickr集加載到我的網站中,如下所示:
$(window).load(function() {
var apiKey = 'xxx';
var userId = '8378546@N08';
$.getJSON('http://api.flickr.com/services/rest/?format=json&method=flickr.photosets.getPhotos&photoset_id=' + photoset_id + '&per_page=1000' + '&page=1' + '&api_key=' + apiKey + '&user_id=' + userId + '&jsoncallback=?', function(data) {
$.each(data.photoset.photo, function(i, flickrPhoto){
var basePhotoURL = 'http://farm' + flickrPhoto.farm + '.static.flickr.com/'
+ flickrPhoto.server + '/' + flickrPhoto.id + '_' + flickrPhoto.secret + "_z.jpg";
var fullPhotoURL = 'http://farm' + flickrPhoto.farm + '.static.flickr.com/'
+ flickrPhoto.server + '/' + flickrPhoto.id + '_' + flickrPhoto.secret + "_l.jpg";
/*var FlickrLink = "http://www.flickr.com/photos/" + data.photoset.owner + "/" + flickrPhoto.id + "/";*/
$("<img/>").attr("src", basePhotoURL).appendTo("#photographs").wrap(("<div class='item'></div>"))
});
**$("<a href='#' class='zoom'/>").appendTo(".item");**
**$("<a href='#' class='flickr'/>").appendTo(".item");**
$("#photographs").gridalicious({
gutter: 2,
animate: true,
effect: 'fadeInOnAppear',
width: 320,
complete: onComplete()
});
function onComplete(){
$("#loader").delay(20000).fadeOut("slow");
$(".item").hover(function(){
$(".zoom, .flickr", this).stop(true,true).fadeIn(300);
}, function () {
$(".zoom, .flickr", this).stop(true,true).fadeOut(300);
});
}
});
});
.zoom和.flickr div附加到.item div(包含圖片)。 我需要var fullPhotoURL和var FlickrLink,因為我想在代碼的突出顯示(帶有星號)錨點中使用它們。 當我這樣做時,我得到一個錯誤,即找不到 var fullPhotoURL和var FlickrLink 。
我該如何解決?
您必須在$ .each塊之外定義變量:
$.getJSON('http://api.flickr.com/services/rest/?format=json&method=flickr.photosets.getPhotos&photoset_id=' + photoset_id + '&per_page=1000' + '&page=1' + '&api_key=' + apiKey + '&user_id=' + userId + '&jsoncallback=?', function(data) {
var fullPhotoURL, FlickrLink;
$.each(data.photoset.photo, function(i, flickrPhoto){
var basePhotoURL = 'http://farm' + flickrPhoto.farm + '.static.flickr.com/'
+ flickrPhoto.server + '/' + flickrPhoto.id + '_' + flickrPhoto.secret + "_z.jpg";
fullPhotoURL = 'http://farm' + flickrPhoto.farm + '.static.flickr.com/'
+ flickrPhoto.server + '/' + flickrPhoto.id + '_' + flickrPhoto.secret + "_l.jpg";
/*FlickrLink = "http://www.flickr.com/photos/" + data.photoset.owner + "/" + flickrPhoto.id + "/";*/
$("<img/>").attr("src", basePhotoURL).appendTo("#photographs").wrap(("<div class='item'></div>"))
});
$("<a href='#' class='zoom'/>").appendTo(".item");
要在Javascript中定義全局變量,您需要跳過var
聲明項。
var
“均值” lacal變量
首先給變量賦一個默認值:
fullPhotoURL = null;
FlickrLink = null; //Avoid first upcase char to define variable
然后這些變量將在所有功能中可用
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.