javascript - 3rd party website service which requires JQuery -


i putting service offers tracking / analytics style functionality, , plan offer out users include on website can paste in reference external javascript file. javascript code relies on jquery far quicker, easier , more robust code in way unsure how best include reference on users site - of sites using service may have jquery, may not , have differing versions. there best practice here? options have come with:

  1. include minified jquery (possibly custom build functionality need) custom jquery alias in external js file
  2. load jquery external js file (again using custom jquery alias)
  3. use conditional loader such yepnopejs ensure jquery installed
  4. document requirement have jquery installed , leave user ensure there , compatible version

my concerns 3 future versions of jquery may incompatible (although unlikely it's core functionality being used). want avoid 4 users may not technical , issues may put them off using service altogether

is there further solution have missed?

you can use dirty trick - jquery has jsonp callback function named define, work amd. can use define callback jsonp callback run code depends on jquery:

<html> <head> <title>maybe jquery</title> </head> <body> <div id=status>jquery loading...</div>  <!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>--> <script> function jqueryready() {     // place on-jquery-load statements here     $('#status').text('jquery loaded.'); } if (!window.jquery) {     define = jqueryready;     define.amd = { jquery: true };      var script = document.createelement('script');     script.src = '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js';     script.async = true;     var s = document.getelementsbytagname('script')[0];     s.parentnode.insertbefore(script, s); } else {     jqueryready(); } </script> </body> </html>

demo: http://brass9.com/test/maybe-jquery/

since question says you're using on third-party sites have anything, i've modified answer ensure code (less) harm existing libraries if present on page - still harm libs require.js if require has loaded , jquery has not, asynchrony entirely possible. i'll update later resolve issue.

previous answer (doesn't work david noted):

<script> if (!window.jquery) {     var script = document.createelement('script');     script.src = '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js';     var s = document.getelementsbytagname('script')[0];     s.parentnode.insertbefore(script, s); } </script> <script> // work jquery needed </script>

Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more