Wie schiebe ich cdn loading von jquery und jquery-ui in ein Bookmarklet?

Question

Ich fand Beispiele zum Verknüpfen und Laden von jquery in Bookmarklets, konnte aber keinen Fall finden, in dem sowohl jquery als auch jquery-ui geladen waren.

• jQuery Bookmarklet Generator
• better stronger safer jqueryify bookmarklet

Hier ist der Kern arbeite ich an: link text Update die folgenden Kern jetzt funktionsfähig ist.

<a href='javascript:(function(e,a,g,h,f,z,c,b,d){if(!(f=e.jQuery)||g>f.fn.jquery||h(f)){c=a.createElement("script");c.type="text/javascript";c.src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js";c.onload=c.onreadystatechange=function(){z=a.createElement("script");z.type="text/javascript";z.src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js";z.onload=z.onreadystatechange=function(){if(!b&&(!(d=this.readyState)||d=="loaded"||d=="complete")){h((f=e.jQuery).noConflict(1),b=1);f(c).remove()}};a.documentElement.childNodes[0].appendChild(c)}}})(window,document,"1.4.4",function($,L){/*ENTER JQUERY-UI CODE HERE*/});'>CC</a> 

Answer 1

bekam ich folgende Bookmarklet zu arbeiten:

javascript: 
(function(){ 
    var s1=window.document.createElement('script'); 
    s1.setAttribute('src','http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'); 
    window.document.body.appendChild(s1); 
    var s2=window.document.createElement('script'); 
    s2.setAttribute('src','http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js'); 
    window.document.body.appendChild(s2); 
    s1.onload=s1.onreadystatechange=function(){ 
    if(!this.readyState||this.readyState=='loaded'||this.readyState=='complete'){ 
     s2.onload=s2.onreadystatechange=function(){ 
     if(!this.readyState||this.readyState=='loaded'||this.readyState=='complete'){ 
      $('div').draggable(); 
      $('div').resizable(); 
      $('div').css({'border-style':'dashed','border-width':'3px','border-color':'black','background':'#00ccFF'}); 
     } 
     } 
     ; 
    } 
    } 
    ; 
} 
)(); 

Hier ist die gleiche Bookmarklet mit weißen Flächen gespült und bereit für den Einsatz komprimiert:

javascript:(function(){var s1=window.document.createElement('script');s1.setAttribute('src','http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js');window.document.body.appendChild(s1);var s2=window.document.createElement('script');s2.setAttribute('src','http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js');window.document.body.appendChild(s2);s1.onload=s1.onreadystatechange=function(){if(!this.readyState||this.readyState=='loaded'||this.readyState=='complete'){s2.onload=s2.onreadystatechange=function(){if(!this.readyState||this.readyState=='loaded'||this.readyState=='complete'){$('div').draggable();$('div').resizable();$('div').css({'border-style':'dashed','border-width':'3px','border-color':'black','background':'#00ccFF'});}};}};})(); 

Referenzen:

• Ich habe die folgende Seite ver y hilfreich für die Lesbarkeit zu verbessern und das Schreiben Bookmarklets: subsimple.com
• Auch für die Prüfung jsfiddle.net erwies sich als sehr hilfreich, während auf der

gehen