[Resolvido] draggable com ajax

[luan_alves 3]

boa noite a todos

estou com uma dificuldade que é a seguinte, eu trago vídeos do youtube pela a getjson e o problema é que eu quero atribuir a ela a função draggable do jquery ui, tentei colocar com delegate, porem quando eu vou atribuir o Droppable a função não funciona.

segue o meu codigo

$j("#videoPrincipal").droppable({
		over: function( event, ui ) {
			alert(ui);	
		}
	});
function exibeVideosYouTube(){
   $j.getJSON('http://gdata.youtube.com/feeds/users/quimicacomunicacao/uploads?alt=json',function(data){
       var feed = data.feed;
       var entries = feed.entry || [];
       var html = [];
       for (var i = 0; i < entries.length; i++) {
           var entry = entries[i];
           var title = entry.title.$t;
           var thumbnailUrl = entries[i].media$group.media$thumbnail[0].url;
           var playerUrl = entries[i].media$group.media$content[0].url;
           html.push('<div title="linkVideos" name="',playerUrl,'" ><img src="',thumbnailUrl,'" alt="',title,'" /></div>');
       }
       document.getElementById('videos').innerHTML = html.join('');
       if (entries.length > 0) {
           loadVideo(entries[0].media$group.media$content[0].url, false);
         }
   } // fim do callback
   ); // fim do .getJSON()
}
$j('#videos').delegate('div[title=linkVideos]','click',function(){
   $j(this).draggable();
})

 

<div id="videos"></div>
               <div id="videoPrincipal"></div>

[William Bruno 1501]

aqui:

document.getElementById('videos').innerHTML = html.join('');

você efetivamente coloca o video na página.

 

logo após esse instante, eu faria a atrelação do plugin.

[luan_alves 3]

cara eu tentei colocar da seguinte forma e não funcionou, você teria mais alguma ideia?

document.getElementById('videos').innerHTML = html.join().droppable();

[William Bruno 1501]

não não !!

 

eu tava pensando assim:

 

document.getElementById('videos').innerHTML = html.join('');
$j('#videos div[title=linkVideos]').draggable();

 

tente melhorar esse script, hora você usa jQuery, hora usa sintaxe js puro..

[luan_alves 3]

então eu já havia feito do jeito que voce informou, o Draggable funciona, porém o Droppable que receberá a div arrastada não funciona.

 

Senhores eu descobri qual era o meu erro, na verdade era lógica, porque o que eu estou arrastando é a imagem e o efeito era colocado na div então era este o problema.

a solução ficou mais ou menos assim:

$j('img').draggable({ revert: true });