将数据集结果附加到具有特定要求的div

时间:2012-12-14 05:52:36

标签: jquery web-services html dataset photoswipe

我目前正在尝试将jQuery的“PhotoSwipe”合并到我的应用程序中,其中的图像通过POST从数据库中提取到我的webservice,以及一些序列化魔法。

我仍然是jQuery的新手,但我已经考虑了很多。

我还没有弄清楚如何在这个网站上正确使用代码,所以这里是相关代码的pastebin:

http://pastebin.com/avSXDDgK

它的基本功能是梳理我的数据集,查找包含在图像标记中的任何内容并将其拉入变量。它做的。

我必须做的是将这些信息结合起来,最终形成类似于此的东西:

<a href="C:/images/full/001.jpg" rel="external"><img src="C:/images/thumb/001.jpg" alt="Image 001" /></a>

所以我需要的是有人向我展示或指出我朝着解决方向的正确方向。

目前所有警报都适用于我,但div实际上没有发生任何事情。

感谢您的帮助!

编辑:以下是从中提取我的图片网址的XML示例

http://pastebin.com/nnvdKgqV

...这里是PhotoSwipe的链接,他们说在标签中使用rel =“external”

1 个答案:

答案 0 :(得分:0)

$(数据).find( '表')。每个(函数(){     var tableData1 = $(this); //'this',在您的示例中,引用表数据

var image = $(tableData1).find('image').text();
var imagepath = 'C:/inetpub/wwwroot/' + image + '" </img>' ;

var i = '<img src="' +imagepath+ '</img>' ;
$('#gallery2').append(i)
alert(imagepath);


});


});

通过#jQuery IRC感谢@Crab