0

次のように、リンクのリストのクラスを動的に生成し、XML シートからリンクを取得するjQuery があります。

<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>
4

1 に答える 1

1

XML 解析関数に {} がありません。次のようになります:

function parseXml(xml) {

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

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

  });
}
于 2013-01-18T13:50:03.107 に答える