2013-03-03 2 views
0

Как бы перевести этот код jQuery в YUI3?Код jQuery для YUI

$(document).ready(function() { 
     $.getJSON('file.php?path=<?php echo $_GET['path']; ?>&callback=?', function (data) { 
      $("#filemanager-ajax").html(''); 
      $.each(data, function (i, item) { 

       $("#filemanager-ajax").append('<a class="link" href="' + item.id + '"><div class="product" data="' + item.path + '"><img src="' + item.thumb + '" title="' + item.thumb + '" class="thumbnail"/><div class="title">' + item.name + '</div><div class="description"></div>&nbsp;&nbsp;&nbsp;<strong>Filesize:</strong> ' + item.size + '<div style="clear:both;height:8px;"></div>&nbsp;&nbsp;&nbsp;about ' + item.date + ' ago<div style="clear:both;height:8px;"></div></div><div class="clear"></div></div></a>'); 

      }); 
     }); 
    }); 

Я знаю, что в YUI это будет выглядеть следующим образом

YUI().use('json-parse', 'json-stringify', function (Y) { 
    // JSON is available and ready for use. Add implementation 
    // code here. 
}); 

Но как я Buld данные JSON в DIV элемент и вывести его через + item.id +, + item.thumb + и так на

+0

Вы должны проверить http://jsrosettastone.com/ сайт, который поможет вам перевести YUI3 в jQuery и из него. – juandopazo

ответ

0

Я думаю, вам нужно использовать модуль JSONP:

http://yuilibrary.com/yui/docs/jsonp/

Внутри обратного вызова вы можете использовать:

var node = Y.one("#filemanager-ajax"); 
node.empty(); 

Y.each(data, function(item, i) { 
    node.append(...); 
}); 
+0

Да, когда вы включаете 'callback =?' В 'jQuery.getJSON', он рассматривается как JSONP. См. Http://api.jquery.com/jQuery.getJSON/#jsonp – juandopazo

Смежные вопросы