javascript - AJAXとresponsiveSlides.JSがロードされていない画像スライドショーウィジェット（競合の問題はありませんか？）

Question

新しいタイトルの本の表紙を表示するライブラリ用のシンプルなスライドショー ウィジェットを作成しています。Jquery AJAX を使用して、Codeigniter で作成した API を呼び出し、responsiveSlides プラグインを読み込んでスライドショーをフォーマットしています。目標は、他の図書館員がこれをさまざまな Web サイトに貼り付けることです。

これは競合の問題ではないでしょうか？複数のプラグインを使用しているので？

ただし、スライドショーへの接続に問題があります。コンソール エラーは発生していませんが、スライドショーが機能していません。

<div class="rslides result"></div>

<script type="text/javascript">
    jQuery(document).ready(function(){
    //load the jquery and css from responsiveSlides
    jQuery('footer').append('<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ResponsiveSlides.js/1.53/responsiveslides.min.js">');             
    jQuery('head').append('<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/ResponsiveSlides.js/1.53/responsiveslides.min.css">');

    //start AJAX call
    jQuery.ajax({
    async : true,
    crossDomain : true,
    //query the API
    url : "https://library-kit-gortiz022.c9users.io/api/featuredslideshow/1",
    method : "GET",
    dataType : 'json',
    headers : {
        "x-api-key": "123456",
        "cache-control": "no-cache"
    },

    success : function(response){
        var slider;
        //grab the response message
        var records = response.message;
        console.log(records);

        //iterate through the response and format image in slider
        for(var i = 0; i < records.length; i++){
            var record = records[i];
            slider += "<img src=\"" + record.listitem_img + "\" alt=\"\" " +  "title=\"" + record.listitem_title + "\" />";
        }
            //console.log(slider);
            jQuery('.result').append(slider);
        }//end of success

    });//end of ajax request

});//end of documnet.ready

(function(jQuery) {
    jQuery.noConflict();
    jQuery(".rslides").responsiveSlides();
});

手伝ってくれてどうもありがとう！