javascript - 如何在书签中嵌套 jquery 和 jquery-ui 的 cdn 加载？

Question

我在书签中找到了链接和加载 jquery 的示例，但找不到同时加载 jquery 和 jquery-ui 的情况。

• jQuery Bookmarklet Generator
• better stronger safer jqueryify bookmarklet

这是我正在研究的要点: link text更新以下要点现在可以使用。

<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

我得到了以下书签:

    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'});
        }
      }
      ;
    }
  }
  ;
}
)();

这是同一个书签，压缩后的空白被清除并可以使用:

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'});}};}};})();

引用资料:

• 我发现以下站点对提高可读性和编写小书签非常有帮助:subsimple.com
• 也用于测试 jsfiddle.net在旅途中证明非常有帮助