jquery - Inserting A Self-Executing Script JavaScript/Shopify -


i'm building application shopify - purpose insert script tag. need writing insertion code.

i'm following advice check if jquery has been loaded, , loading code in middle. yet, doesn't seem working. here's exact code:

(function(){    var loadscript = function(url, callback){      var script = document.createelement("script")     script.type = "text/javascript";      if (script.readystate){  //ie       script.onreadystatechange = function(){         if (script.readystate == "loaded" ||           script.readystate == "complete"){           script.onreadystatechange = null;         callback();       }     };     } else {  //others       script.onload = function(){         callback();       };     }      script.src = url;     document.getelementsbytagname("head")[0].appendchild(script);   };    // actual jquery code    var myappjavascript = function($){     var convert = $('.click-2-tweet-shopify');     $.each(convert, function(index, item){       var content = $(item).text().compact();       $(item)       .addclass('ui segment')       .append('<a target=_blank class="pointer float-right"><i class="twitter icon"></i>click2tweet</a>')       .children('a')       .attr('href', "http://twitter.com/share?" + $.param({ text: content }));       });        // twitter code snippet      !function (d, s, id) {       var js, fjs = d.getelementsbytagname(s)[0];       if (!d.getelementbyid(id)) {         js = d.createelement(s);         js.id = id;         js.src = "https://platform.twitter.com/widgets.js";         fjs.parentnode.insertbefore(js, fjs);       }     }(document, "script", "twitter-wjs");   };    if ((typeof jquery === 'undefined') || (parsefloat(jquery.fn.jquery) < 1.7)) {     loadscript('//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', function(){       jquery191 = jquery.noconflict(true);       myappjavascript(jquery191);     });   } else {     myappjavascript(jquery);   }  }); 

please imagine purpose of script standalone. if 1 add page, should work (since loads jquery initially). how should adjust code work intended?

we forget little things sometimes! forgot 2nd i in iife :)

(function(){     //.....     //all code     //..... }()); // () --> :) 

-updated fiddle-


Comments

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -