jQuery循环插件和动态内容

Question

在这个或几个小时内一直在努力，我正在使用Cycle 2插件，我正在尝试使用下面的脚本动态创建内容。

内容会写入.cycle-slideshow div但.cycle()似乎无法运行。还有什么我可以在这里尝试的吗？

我从php页面获取内容以显示幻灯片中的幻灯片，然后我查询openweathermap.com api以获得结果。所有这些返回值，每个都包含在.slide div中。

HTML

<div class="module-content">
    <div class="cycle-slideshow weather blue-box">
    </div>
    <div class="cycle-pager weather-pager blue-box"></div>
</div>

的jQuery

    var $ = jQuery;
    $(document).ready(function() {
        $.getJSON( "http://api.openweathermap.org/data/2.5/weather?q=Aberdeen,uk&units=metric", function( data ) {
            var weather = data.weather[0].main;
            var temp = Math.round(data.main.temp);
            $(".weather").append("<div class=\"slide\"><div class=\"curr-weather\"><h3>"+weather+"</h3><h2>"+temp+"°C</h2></div></div>");
        });
        $(function(){
            var contentURI= "http://www.domain.co.uk/page.php";
            $(".weather").append("<div class=\"slide\"><div id=\"landings\"></div></div>");
            var jqxhr = $.get( "wp-content/plugins/weather-plugin/grab.php?url="+ contentURI, function(data) {
                var lands = $(data).find("#sidebar-bgbtm .data");
                lands = lands.splice(0,1);
                console.log(lands);
                $("#landings").append(lands);
            })
            .done(function(data){
                $(".weather").cycle();
            });
        });
    });