从 XML 中获取 url 并制作 Javascript 超链接答案

【问题标题】：Taking url from XML and making Javascript hyperlinks从 XML 中获取 url 并制作 Javascript 超链接
【发布时间】：2012-10-08 23:26:14
【问题描述】：

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

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

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

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

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

首页图片的含义：

【问题讨论】：

【解决方案1】：

这应该可以工作

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

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

再见

【讨论】：

【解决方案2】：

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

【讨论】：