2011-01-05 2 views
2

Я нашел примеры связывания и загрузки jquery в букмарклетах, но не смог найти случай, когда оба jquery и jquery-ui были загружены.Как я могу вложить cdn загрузку jquery и jquery-ui в букмарклет?

Вот суть я работаю над: 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> 

ответ

2

я получил следующий букмарклет для работы:

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

Ссылка:

  • Я нашел следующий сайт ver у полезны для улучшения читаемости текста и написания букмарклеты: subsimple.com
  • Также для тестирования jsfiddle.net оказалось очень полезным, а на ход