jquery - 从动态类更改 div 的背景

Question

我有一些 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>

Answer 1

您的 parse xml 函数丢失 {} 它应该是这样的：

function parseXml(xml) {

  $(xml).find("large").each(function(i) {

    $('.background' + i).live('click', function() {
      $('bigImage').css('background-image', 'url(' + urllarge + ')');
    });

  });
}