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

Question

我有一项任务需要完成面试，但我遇到了一个烦人的部分。我必须创建一个在首页上一次显示 8 张图片的作品集网站。这些图像需要是超链接。

我需要的所有数据（图像位置、url、标题等）都存储在一个 XML 文件中。我已经获得了所有这些数据，并成功创建了一个分页 Javascript 动画，该动画在一个页面上显示 8 个图像及其相关标题。

我正在努力做的是将图像制作成超链接，我确信答案正盯着我看，但每次我尝试添加超链接时，它要么停止显示图像，要么显示图像，但会破坏分页和动画。

我在下面包含了 HTML、JS 和 CSS，显然我没有附加 XML，你将看不到任何东西。我希望有些人会知道如何做到这一点！

让我知道是否需要 XML..

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

首页上的图像意味着什么：

Answer 1

图像真的需要超链接还是只是表现得像它们？这里的问题不是基于这样一个事实，即您必须阻止超链接的默认行为，以便您可以处理 JavaScript 中的呈现，并可能使用 JavaScript 导航到链接的 URL？

Answer 2

这应该工作

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

如果没有，你可以发布你得到的错误吗？

再见