jquery - ajax を介してロードされたインライン スクリプト

Question

私は 360 製品のスピン jquery プラグインを使用しています: Link to 360-javascriptviewer

これは、html の下部にある次のインライン スクリプトでアクティブ化され、正常に動作します。

function test () {
    mloaderx = new loader(
    {
    tag:'product_image_x',
    frames:36,
    zoom:false
    });
}
test();

私が抱えている問題は、このコンテンツが ajax を介して別のページに読み込まれるときです。他のページにもインライン スクリプトを含めても、インライン スクリプトがプルスルーされません。

以下のコード全体を含めましたが、関係する唯一の部分は ajax 呼び出しです。

// NOTES: This script will load content into a placeholder div with a nice scroll down effect.

jQuery(document).ready(function () {

    jQuery(".loadContent").click(function (event) {

        // show loading div
        showLoading();
        var clickedElement = jQuery(this);

        // stop initial jump to anchor.
        event.preventDefault();

        var contentURL = clickedElement.attr("href");

        jQuery.ajax({
            url: contentURL + "?" + new Date().toUTCString(),
            dataType: "html",
            success: function (strData) {
                populateContent(strData);
            },
            complete: function () {
                hideLoading();
                scrollToContent();

            }

        });
    });
});

function showLoading() {
    jQuery("#loading").fadeIn(100);
    jQuery("#loaded_content").slideUp(800);
}

function hideLoading() {
    jQuery("#loading").fadeOut(100);
    //jQuery(".to_top").show();
}

function populateContent(strData) {
    jQuery("#loaded_content").html(jQuery(strData).find("#loadarea").html());
    $('.media_main_content .article p:first').wrapFirstLetter();
}

function scrollToContent() {
    $("#subnav_content").toggle(800, function() {
        jQuery("#loaded_content").slideDown(800);
        jQuery('html,body').animate({ scrollTop: jQuery(".ca_nav_holder").offset().top}, 800, function() {
            jQuery("#toggle_subnav span").fadeTo(700, 0.1).fadeTo(700, 1);
        });
    });
}

彼らが与えることができるアドバイスはありますか？私はそれを理解しようとして、2日間ずっとレンガに頭をぶつけてきました。