从XML获取url并制作javascript超链接

时间:2012-10-18 13:22:37

标签: javascript jquery xml javascript-events hyperlink

我有一项任务我需要完成一次面试,而且我遇到了一个烦人的问题。我必须创建一个投资组合网站,在首页上一次显示8个图像。这些图像需要是超链接。

我需要的所有数据(图像位置,网址,标题等)都存储在XML文件中。我已经获得了所有这些数据,并成功创建了一个分页javascript动画,在页面上显示8个图像及其相关标题。

我正在努力做的是将图像变成超链接,我确定答案是盯着我的脸,但每当我尝试添加超链接时,它会停止显示图像或显示图像但会破坏分页和动画。

下面我已经包含了HTML,JS和CSS,显然我没有附加XML,你将无法看到任何东西......我希望有些人知道如何做到这一点!

如果需要XML,请告诉我..

http://jsfiddle.net/gFg56/1/ - 代码

http://cl.ly/KFkx - 首页上的图片看起来是什么意思..

2 个答案:

答案 0 :(得分:0)

这应该有效

$('#portfolio-item').append('<li><a href="' + url + '"><img src="' + image + '" alt="' + title + '"></a></li>');

如果没有,你可以发布你得到的错误吗?

再见

答案 1 :(得分:0)

图像是真的需要超链接还是只是表现得像?这里的问题不是基于以下事实:您必须阻止超链接的默认行为,以便您可以使用JavaScript处理呈现并使用JavaScript导航到链接的URL吗?