sp.js not loaded js file provisioned by a module

Question

I am trying to use a .js file to highlihgt nodes in a top navigation menu based on url of the current web. The javascript file is provisioned by a Module in a Empty SharePoint 2013 project item. The problem is that it never comes to my method. It seems sp.js is never loaded. I have used ExecuteOrDelayUntilScriptLoaded and LoadSodByKey methods like following:

   LoadSodByKey("sp.js", function () {
        $(function () {
            //alert("sp.js loaded");
        });
    });


    ExecuteOrDelayUntilScriptLoaded(function () { SP.UI.Workspace.add_resized(MyMethod); },
     "sp.js"); 


   function MyMethod() {
      currentcontext = new SP.ClientContext.get_current();

    currentweb = currentcontext.get_web();
    currentuser = currentweb.get_currentUser();
    rootWeb = currentcontext.get_site().get_rootWeb();

    currentcontext.load(rootWeb, 'EffectiveBasePermissions', 'ServerRelativeUrl', 'Id');
    currentcontext.executeQueryAsync(Function.createDelegate(this, ExecuteOnSuccess), Function.createDelegate(this, ExecuteOnFailure));
    }

    //and ExecuteOnSuccess , ExecuteOnFailure

thanks

Answer 1

In SharePoint 2013 as a part of Minimal Download Strategy, there are few OOB js files that don't load as they used to be in SP 2010. These include files like SP.js , SP.Runtime.js etc. So, you need to explicitly add references to these files. Either you can directly add the reference of SP.Runtime.js and SP.js in your master page or you can use getScript to load these files.

$(document).ready(function(){
        var scriptbase = _spPageContextInfo.webAbsoluteUrl + "/_layouts/15/";
        $.getScript(scriptbase + "SP.Runtime.js",
            function () {
                $.getScript(scriptbase + "SP.js", YourMethod);
              });


   });

Can you try the above code snippet and see if it helps.