Question

我有一些jQuery，动态为链接列表生成类，并从XML Sheet获取链接，如下所示： -

<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

你的解析xml函数缺失{}它应该是：

function parseXml(xml) {

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

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

  });
}

从动态类更改div的背景

1 个答案: