请教个json的问题

主编 发布于 2012/06/26 21:35
阅读 378
收藏 0

使用PoshyTip制作一个类似osc小名片的功能。

欲借鉴PoshyTip实例制作,但经反复测试仍未果。

特前来求助。

程序(http://www.xx.com/node/88/json)输出的json格式为:

{"nodes":[{"node":{"\u59d3\u540d":"\u5929\u6d4e","\u90e8\u95e8":"\u96c6\u5ba2","\u7535\u8bdd":"10010","\u5907\u6ce8":"\u5f85\u66f4\u65b0\n"}}]}

PoshyTip实例jq代码:

var flickrFeedsCache = {};

$('#demo-async-flickr > a').poshytip({
	className: 'tip-darkgray',
	bgImageFrameSize: 11,
	alignY: 'bottom',
	content: function(updateCallback) {
		var rel = $(this).attr('rel');
		if (flickrFeedsCache[rel] && flickrFeedsCache[rel].container)
			return flickrFeedsCache[rel].container;
		if (!flickrFeedsCache[rel]) {
			flickrFeedsCache[rel] = { container: null };
			var tagsComma = rel.substring(4).replace('-', ',');
			$.getJSON('http://api.flickr.com/services/feeds/photos_public.gne?tags=' + tagsComma + '&tagmode=all&format=json&jsoncallback=?',
				function(data) {
					var container = $('<div/>').addClass('flickr-thumbs');
					$.each(data.items, function(i, item) {
						$('<a/>')
							.attr('href', item.link)
							.append($('<img/>').attr('src', item.media.m))
							.appendTo(container)
							.data('tip', '<strong>' + (item.title || '(no title)') + '</strong><br />by: ' + item.author.match(/\((.*)\)/)[1]);
						if (i == 4)
							return false;
					});
					// add tips for the images inside the main tip
					container.find('a').poshytip({
						content: function(){return $(this).data('tip');},
						className: 'tip-yellowsimple',
						showTimeout: 100,
						alignTo: 'target',
						alignX: 'center',
						alignY: 'bottom',
						offsetY: 5,
						allowTipHover: false,
						hideAniDuration: 0
					});
					// store the content in the cache
					// and call updateCallback() to update the content in the main tooltip
					updateCallback(flickrFeedsCache[rel].container = container);
				}
			);
		}
		return 'Loading images...';
	}
});

求我的jq代码该如何写?

 

万能的 @红薯

 

 

 

加载中
返回顶部
顶部