By default the plugin locks content of an initial element. But you can also load content using AJAX (Asynscroneous Javascript And XML).

For loading content using AJAX use the following Code:

$(".to-lock").sociallocker({

    theme: "flat",

    content: {

        // url to get ajax content
        url: "ajaxtest.html",

        // Notice:
        // the plugin will automatically take the response from the request and 
        // set it for you if you don't override the default success handler.

        // however, if you intend on using your own success callback, 
        // you'll need to set it yourself using the following way:
        success: function (api, data) {

            // finds content inside the response that we want to put
            var content = $("<div>").html(data).find("#content");

            // sets content for the locker
            api.element.html(content);
        }
    }
});