【javascript】カルーセルの中身をxmlで管理したい

###前提・実現したいこと
カルーセルのプラグインを入れているのですがその中身をxmlにしたいと考えています。
現状読み込んでいるファイルは、

jqueryを使うときのjs
カルーセルのプラグイン（jquery.FlexSlider.js）
xmlをhtml上に書き出すjs

です。

###発生している問題
xmlの読み込みは正常に行われているのですが、うまくカルーセルのjsと噛み合ってくれません。
現状、xmlで読み込んだ画像が縦に並んでいる状態です（html上に直接書くとカルーセルは動きます）。

###ソースコード

html
1<div class="flexslider">
2  <ul class="slides">
3  </ul><!-- /.slides -->
4</div><!-- /.flexslider -->

javascript
1$(function(){
2    $.ajax({
3        url:'xml/slide.xml',
4        type:'GET',
5        dataType:'xml',
6        timeout:1000,
7        error:function() {
8            alert("ロード失敗");
9        },
10        success:function(xml){
11            $(xml).find("item").each(function() {
12                $(".slides").append('<li><a href="' + $(this).find('url').text() +  '" target="_blank"><img src="' + $(this).find('imgsrc').text() + '" alt="" width="600" height="333" /></a></li>');
13            });
14        }
15    });
16});

xml
1<?xml version="1.0" encoding="UTF-8" ?>
2<info>
3	<item>
4		<url>hogehoge</url>
5		<imgsrc>hogehoge</imgsrc>
6	</item>
7
8	<item>
9		<url>hogehoge</url>
10		<imgsrc>hogehoge</imgsrc>
11	</item>
12
13	<item>
14		<url>hogehoge</url>
15		<imgsrc>hogehoge</imgsrc>
16	</item>
17</info>

###補足情報
htmlのhead内にカルーセルのプラグインを制御するscriptを記述しています。

html
1<script type="text/javascript">
2$("document").ready(function(){
3  $('.flexslider').flexslider({
4    animation: "slide",
5    slideshowSpeed: "5000",
6  });
7});
8</script>

行動規範の内容に同意します

回答1件

ベストアンサー

カルーセルのプラグインの実行時には、まだ、ajaxの処理が完了しておらず、
実行順： flexslider －＞ Ajax.sucsessの順であると思われます。
よって、以下のようにすればカルーセルの処理がうまく適用されるものと思われます。

javascript
1$(function(){
2    $.ajax({
3        url:'xml/slide.xml',
4        type:'GET',
5        dataType:'xml',
6        timeout:1000,
7        error:function() {
8            alert("ロード失敗");
9        },
10        success:function(xml){
11            $(xml).find("item").each(function() {
12                $(".slides").append('<li><a href="' + $(this).find('url').text() +  '" target="_blank"><img src="' + $(this).find('imgsrc').text() + '" alt="" width="600" height="333" /></a></li>');
13            });
14            // カルーセルのプラグインを実行
15            $('.flexslider').flexslider({
16                animation: "slide",
17                slideshowSpeed: "5000",
18            });
19        }
20    });
21});