我有一些 jQuery 可以为链接列表动态生成类并从 XML 表中获取链接,如下所示: -
<ul>
<li><a href="link1fromxml" class="background1"></a></li>
<li><a href="link2fromxml" class="background2"></a></li>
<li><a href="link3fromxml" class="background3"></a></li>
</ul>
现在我需要做的是从单击时生成的类的链接中,更改另一个的背景div
并从我的 XML 文件中获取源。这是我的代码。
$(xml).find("large").each(function(i) {
var url = $(this).find('urllarge').text();
$('.background' + i).live('click', function() {
$('bigImage').css('background-image', 'url(' + urllarge + ')');
});
});
但是,这是一种痛苦并且无法正常工作,而且我看不出哪里出错了,我们将不胜感激任何帮助!
$(document).ready(function()
{
$.ajax({
type: "GET",
url: "images.xml",
dataType: "xml",
success: parseXml
});
});
function parseXml(xml)
$(xml).find("large").each(function(i) {
$('.background' + i).live('click', function() {
$('bigImage').css('background-image', 'url(' + urllarge + ')');
});
});
});
XML 是:-
<image>
<large>
<urllarge>img/bigimage.jpg</urllarge>
</large>
</image>